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
官方網址 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"
            ]
        }
    ]
}