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