CodeArea

Convert any textarea into a code editor style.

Что такое CodeArea?

CodeArea - это расширение Chrome, разработанное http://www.polymermallard.com, и его основная функция - "Convert any textarea into a code editor style.".

Снимки экрана расширения

screenshot
screenshot
screenshot
screenshot
screenshot

Скачать файл CRX расширения CodeArea

Скачайте файлы расширений 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"
            ]
        }
    ]
}