CodeArea

Convert any textarea into a code editor style.

O que é CodeArea?

CodeArea é uma extensão do Chrome desenvolvida por http://www.polymermallard.com, e sua principal característica é "Convert any textarea into a code editor style.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão CodeArea

Baixe arquivos de extensão CodeArea no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.                    

Informações Básicas da Extensão

Nome CodeArea CodeArea
ID pniomcmehfkfhjnjmfpmnkogjgjchbbl
URL Oficial https://chrome.google.com/webstore/detail/codearea/pniomcmehfkfhjnjmfpmnkogjgjchbbl
Descrição Convert any textarea into a code editor style.
Tamanho do Arquivo 452 KB
Contagem de Instalações 362
Versão Atual 2.0.5
Última Atualização 2014-02-03
Data de Publicação 2014-02-03
Classificação 4.57/5 Total de 28 Avaliações
Desenvolvedor http://www.polymermallard.com
Tipo de Pagamento free
Site da Extensão http://www.mattkenefick.com/codearea
URL da Página de Ajuda http://www.mattkenefick.com/codearea#faq
Idiomas Suportados 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"
            ]
        }
    ]
}