CodeMirror使⽤⼤全
CodeMirror是⼀个⽤于编辑器⽂本框textarea代码⾼亮javascript插件，为各种编程语⾔实现关键字，函数，变量等代码⾼亮显⽰，丰富的api和可扩展功能以及多个主题样式，能满⾜您各种项⽬的需求。
CodeMirror⽀持⼤量语⾔的语法⾼亮，包括C、C++、C#、Java、Perl、PHP、JavaScript、Python、Lua、Go、Groovy、Ruby等，以及diff、LaTeX、SQL、wiki、Markdown等⽂件格式。此外，CodeMirror还⽀持代码⾃动完成、搜索/替换、HTML预览、⾏号、选择/搜索结果⾼亮、可视化tab、Emacs/VIM键绑定、代码⾃动格式等。
CodeMirror采⽤MIT开源许可协议，⽬前已经被集成到各种应⽤程序中，如Adobe Brackets、CoDev、Light Table等开发环境，还被作为各种SQL、Haxe、JavaScript在线编辑器的基础库来使⽤。
CodeMirror开发者近⽇发布了3.0版本。该版本进⾏了⼀些改进，如果你使⽤之前的版本，则需要注意，3.0中的API与2.0存在⼀些不兼容的问题，详细信息见。此外，重要的是，3.0放弃了对IE7的⽀持。
使⽤⽅法
本⽂将做简单的介绍，如何使⽤CodeMirror插件和提交表单。
引⼊核⼼⽂件
1. <link rel="stylesheet" href="lib/codemirror.css">
2. <script src="lib/codemirror.js"></script>
codemirror.css和codemirror.js⽂件是CodeMirror插件的核⼼⽂件，⽆论你要⾼亮的代码是何种语⾔，都要引⼊这两个⽂件。
引⼊代码⾼亮js
接下来要引⼊的⽂件可以根据您的项⽬需求引⼊，不必要引⼊所有⽂件，⽐如您要显⽰html代码，则引⼊：
1. <script src="xml.js"></script>
代码调⽤
1. <script>
2. myTextarea = ElementById("code");
python新手代码大全pdf3.  var editor = CodeMirror.fromTextArea(myTextarea, {
4.    mode: "text/html"
5.  });
6. </script>
myTextarea为您的编辑器dom元素ID，⼀般使⽤ElementById(“code”)⽅法获取⽂本框，如果您使⽤的jquery，那么需要在代码后⾯加⼊[0]，⽐如$(‘#code’)[0]；
获取Codemirror的值
1. //该⽅法得到的结果是经过转义的数据
2. Value();
1. //该⽅法得到的结果是未经过转义的数据
2. TextArea();
3. TextArea().value;
如果是通过 JS 进⾏表单提交，可以在提交的 JS 代码中这样使⽤：
1. //将 Codemirror 的内容赋值给 Textarea
2. $("#content").Value());
Codemirror赋值
  1.editor.setValue('为codemirror赋值');
Codemirror  Events  change事件
  主要代码　
  ("change", function (Editor, changes) {
      while (changes) {
      join("\n"), changes.from, );      changes = ;
    }
  });
< 不是每次change事件都会有

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。