CodeAreaとは何ですか？

CodeAreaはhttp://www.polymermallard.comによって開発されたChromeの拡張機能で、その主な機能は「Convert any textarea into a code editor style.」です。

拡張機能のスクリーンショット

CodeArea拡張機能のCRXファイルをダウンロード

CodeArea拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

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.

拡張機能の基本情報

名前	CodeArea
ID	pniomcmehfkfhjnjmfpmnkogjgjchbbl
公式URL	https://chrome.google.com/webstore/detail/codearea/pniomcmehfkfhjnjmfpmnkogjgjchbbl
説明	Convert any textarea into a code editor style.
ファイルサイズ	452 KB
インストール数	362
現在のバージョン	2.0.5
最終更新日	2014-02-03
公開日	2014-02-03
評価	4.57/5 合計 28 レビュー
開発者	http://www.polymermallard.com
支払い方法	free
拡張機能のウェブサイト	http://www.mattkenefick.com/codearea
ヘルプページのURL	http://www.mattkenefick.com/codearea#faq
対応言語	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" ] } ] }