Codemirror: JavaScript-based Code Editor

Source: Internet
Author: User
Tags diff exo platform sublime text

official website definition : http://codemirror.net/

    • Codemirror is A versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons this implement more advanced edit ING functionality.
    • a rich programming Api and a css theming system is available for customizing codemirror to fit yo UR application, and extending it with new functionality.
    • user Manual and Reference guide

    1. Codemirror is a code-editor component the can be embedded in Web pages. The core library provides  only  the editor component, no accompanying buttons, auto-completion, or othe R IDE functionality. It does provide a rich API on top of the which such functionality can be straightforwardly implemented. See the addons included in the distribution, and thelist of externally hosted addons, for reusable implementatio NS of extra features.
    2. Codemirror works with language-specific modes. Modes is JavaScript programs that help color (and optionally indent) the text written in a given language. The distribution comes with a number of modes (see The  mode/  directory), and it isn ' t hard to  Write new Ones for other languages.
 1Features  2   3 languages out of the box 4 A powerful, composable language mode system 5 autocompletion (XML) 6 Code Folding 7 Configurable keybindings 8 Vim, Emacs, and Sublime Text bindings 9 Search and replace Interface10 bracket and tag matching11 support for split views12 linter integration13 Mixing font sizes and styles14 Various themes15 Able to Resize to fit content16 Inline and block widgets17 Programmable gutters18 Making ranges of text styled, read-only, or Atom Ic19 bi-directional Text support20 Many other methods and addons ...

Codemirror is a JavaScript-based code editor that we can embed into any JavaScript-enabled page.

Codemirror supports highlighting of a large number of languages, including C, C + +, C #, JAVA, Perl, PHP, JavaScript, Python, Lua, Go, Groovy, Ruby, and more, as well as diff, LaTeX, SQL, wiki, Markdown and other file formats. In addition, Codemirror supports code autocomplete, search/replace, HTML previews, line numbers, selection/Search result highlighting, Visual tab, Emacs/vim key bindings, code auto-formatting, and more.

Codemirror is currently integrated into various applications such as the Adobe bracket, codev, light table and other development environments using the MIT development License Agreement, and is also used as a variety of SQL, Haxe, JavaScript Online Editor's base library to use.

Codemirror is a "online source editor", based on JavaScript, short, real-time online code highlighting, he is not an affiliate of a rich text editor, he is the most famous online code editor base library. For example, the following code editor is based on Codemirror :

    • Google Earth KML Sampler

    • Eloquent JavaScript ' s console

    • The Qooxdoo Playground

    • A Cool Tutorial about the element

    • An online IDE for the ORC programming language

    • Google ' s API playground

    • Raphaël Live

    • JS Bin

    • The Rokpad plugin for Joomla

    • The Scraperwiki Editor

    • JSLINB UI Builder

Notes-Demo demos in various languages:

    • Javascript

    • Xml/html

    • Css

    • Sparql

    • HTML Mixed-mode

    • html+php mixed-mode (courtesy of Yahoo!)

    • Python (by Timothy Farrell)

    • Lua (by Franciszek Wawrzak)

    • Ruby (by Michal Hantl, unfinished)

    • SQL (by John Benediktsson)

    • Plsql (by Peter Raganitsch)

    • diff (Courtesy of Liran Nuna)

    • Groovy (by EXo Platform)

    • C # (by Boris Gaber and Christopher Buchino)

    • Ometajs (by Eric Kedji)

    • Scheme (by Danny Yoo)

Codemirror: JavaScript-based Code editor

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.