CodeArea

Convert any textarea into a code editor style.

什么是CodeArea?

CodeArea是由http://www.polymermallard.com开发的Chrome扩展程序,该扩展的主要功能是“Convert any textarea into a code editor style.”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot

下载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 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"
            ]
        }
    ]
}