CodeArea
Convert any textarea into a code editor style.
What is CodeArea?
CodeArea is a Chrome extension developed by http://www.polymermallard.com, and its main feature is "Convert any textarea into a code editor style.".
Extension Screenshots
Download CodeArea Extension CRX File
Download CodeArea extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
Convert any textarea into a code editor style.
This will monitor webpages you're on and convert regular Textareas into Code Editors. An icon appears in the lower-left corner that will allow you to select which language for syntax highlighting. You can change the theme in the CodeArea settings page.
The editor is extensive and will have many features (+optionals) as more updates roll out, including: code folding, line highlighting, vmacs keymap, etc.
// Updates
// ---------------------------------------------------------
02-03-2014
- Add line wrapping mode
- New layout
- Dynamic adjustment of linewrapping and themes
12-05-2013
- Fix a fluid 100% bug.
12-04-2013
- Editor will handle fluid layouts better and resize properly.
- Added close button to remove editors.
- Fixed some bugs related to updating textarea content.
- Default themes and languages can be saved / reloaded.
- You can have themes and languages autoload to all pages you visit, or from a list of matching hostnames.
- Bugfixes. Extension Basic Information
| Name |  CodeArea |
| ID | pniomcmehfkfhjnjmfpmnkogjgjchbbl |
| Official URL | https://chrome.google.com/webstore/detail/codearea/pniomcmehfkfhjnjmfpmnkogjgjchbbl |
| Description | Convert any textarea into a code editor style. |
| File Size | 452 KB |
| Installation Count | 362 |
| Current Version | 2.0.5 |
| Last Updated | 2014-02-03 |
| Publish Date | 2014-02-03 |
| Rating | 4.57/5 Total 28 Ratings |
| Developer | http://www.polymermallard.com |
| Payment Type | free |
| Extension Website | http://www.mattkenefick.com/codearea |
| Help Page URL | http://www.mattkenefick.com/codearea#faq |
| Supported Languages | en-US |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "CodeArea",
"version": "2.0.5",
"manifest_version": 2,
"description": "Convert any textarea into a code editor style.",
"icons": {
"16": "images\/icon16.png",
"48": "images\/icon48.png",
"128": "images\/icon128.png"
},
"permissions": [
"storage",
"tabs"
],
"browser_action": {
"default_icon": "images\/icon.png",
"default_popup": "settings.html"
},
"web_accessible_resources": [
"\/images\/bg24.png",
"\/images\/icon24.png",
"\/images\/icon24-close.png",
"\/images\/hostnames.jpg",
"\/images\/poster.jpg"
],
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
],
"css": [
"style\/main.css",
"editor\/lib\/codemirror.css",
"editor\/theme\/ambiance.css",
"editor\/theme\/blackboard.css",
"editor\/theme\/cobalt.css",
"editor\/theme\/eclipse.css",
"editor\/theme\/elegant.css",
"editor\/theme\/erlang-dark.css",
"editor\/theme\/lesser-dark.css",
"editor\/theme\/monokai.css",
"editor\/theme\/neat.css",
"editor\/theme\/night.css",
"editor\/theme\/rubyblue.css",
"editor\/theme\/vibrant-ink.css",
"editor\/theme\/xq-dark.css"
],
"js": [
"script\/jquery.js",
"editor\/lib\/codemirror.js",
"editor\/lib\/util\/foldcode.js",
"editor\/mode\/clike\/clike.js",
"editor\/mode\/css\/css.js",
"editor\/mode\/htmlmixed\/htmlmixed.js",
"editor\/mode\/javascript\/javascript.js",
"editor\/mode\/less\/less.js",
"editor\/mode\/mysql\/mysql.js",
"editor\/mode\/php\/php.js",
"editor\/mode\/python\/python.js",
"editor\/mode\/ruby\/ruby.js",
"editor\/mode\/shell\/shell.js",
"editor\/mode\/xml\/xml.js",
"script\/main.js"
]
}
]
} | |
