Custom JSBin Settings
You may already know about the JSBin tool created by Remy Sharp. It was the first website of it's kind that I'm aware of that lets you quickly prototype and play around with web concepts in a way that is social and fun. Although it has been around for a while Remy has been adding more and more features to it recently. One of the ones that I want to point out is the ability to modify the settings of it's internal code editor.
theme- Color scheme that will be used for the editor. Currently the following themes exist: solarized-light, solarized-dark, monokai, vibrant-ink, cobalt, blackboard, ambiance, & jsbin (default)
You can set these options manually in your browser's console like the following snippet of code...
If you want to share with others your settings for a specific JSBin you can add an
api URL parameter pointing to a configuration file.
The following URL will load JSBin with a custom set of code editor options.
http://j.mp/jsbin-settings file I am using looks like the following...
jsbin.settings.editor.theme = "monokai"; jsbin.settings.editor.indentUnit = 4; jsbin.settings.editor.smartIndent = true; jsbin.settings.editor.tabSize = 4; jsbin.settings.editor.indentWithTabs = true; jsbin.settings.editor.autoClearEmptyLines = true; jsbin.settings.editor.lineWrapping = true; jsbin.settings.editor.lineNumbers = true; jsbin.settings.editor.matchBrackets = true;