html⽂本框代码⾼亮,CodeMirror编辑器⽂本框TextArea代码⾼
亮插件-⽂章教程
CodeMirror 是⼀个⽤于编辑器⽂本框 TextArea 代码⾼亮 JavaScript 插件,为各种编程语⾔实现关键字、函数、变量等代码⾼亮显⽰,丰富的 API 和可扩展功能以及多个主题样式,能满⾜您各种项⽬的需求。
macros>php编程求水仙花数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 的⽀持。
jqueryui easyui使⽤⽅法
本⽂将做简单的介绍,如何使⽤ CodeMirror 插件和提交表单。
引⼊核⼼⽂件
codemirror.css 和 codemirror.js ⽂件是 CodeMirror 插件的核⼼⽂件,⽆论你要⾼亮的代码是何种语⾔,都要引⼊这两个⽂件。
引⼊代码⾼亮js
接下来要引⼊的⽂件可以根据您的项⽬需求引⼊,不必要引⼊所有⽂件,⽐如您要显⽰ HTML 代码,则引⼊:footer标签有什么用
代码调⽤
myTextarea = ElementById("code");
var editor = CodeMirror.fromTextArea(myTextarea, {
mode: "text/html"
});
myTextarea 为您的编辑器 Dom 元素 ID,⼀般使⽤ ElementById(“code”) ⽅法获取⽂本框,如果您使⽤的 jQuery,那么需要在代码后⾯加⼊ [0],⽐如 $(‘#code’)[0];
获取 Codemirror 的值
//该⽅法得到的结果是经过转义的数据
//该⽅法得到的结果是未经过转义的数据
如果是通过 JS 进⾏表单提交,可以在提交的 JS 代码中这样使⽤://将 Codemirror 的内容赋值给 Textarea
python入门教程编辑器>excel函数乘法公式是什么$("#content").Value());

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