Code highlighting plug-in Codemirror usage and download

Codemirror is a powerful syntax highlighting engine developed by javascript. It supports many languages, such as PHP, JS, HTML, and CSS. Here we will briefly introduce how to use Codemirror to configure your website to support code syntax highlighting.

Install

First, download the codemirror. js plug-in. Unzip the package and there are three directories: js, css, and contrib. contrib contains the parser developed by others, such as lua, python, and PHP. The css directory contains the highlighted syntax. Js contains the js Code to be run.

Basic usage

If we use textarea to generate the codemirror Editor, we can use the following code:

Copy to ClipboardReference: [www.bkjia.com] var textarea = document. getElementById ('code ');
Var editor = new jsonframe (CodeMirror. replace (textarea ),{
Height: "350px ",
Content: textarea. value,
Parserfile: ["tokenizejavascript. js", "parsejavascript. js"],
Stylesheet: "css/jscolors.css ",
Path: "js /",
AutoMatchParens: true
});

The result is as follows:

From: http://www.gbin1.com/