电脑公司 - 专注最好用的Win7旗舰版镜像下载网站!(本站Win7完美支持USB3.0) 电脑公司首页 | Win7激活工具 | 热门专题
电脑公司>您的位置:首页 > 软件下载 > 其他软件 >

CodeMirror在线代码编辑器官方下载 V5.3.1.0 免费版

CodeMirror在线代码编辑器官方下载 V5.3.1.0 免费版
更新时间:2021-03-12软件大小:1.15M软件格式:.rar
授权方式:免费版软件语言:简体中文软件类型:国产软件

安全检测:

推荐星级:

软件介绍

CodeMirror是一款“Online Source Editor”,一款基于JavaScript的代码编辑器。短小精悍,实时在线代码高亮显示,支持多种代码语言,是许多大名鼎鼎的在线代码编辑器的基础库。

软件简介

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在线编辑器的基础库来使用。 

软件功能

开箱即用,支持超过100种语言

强大的、可组合的语言模式系统

自动完成 (XML)

代码折叠

可配置的按键绑定

Vim、Emacs和Sublime文本装订系统

搜索和替换界面

托架和标签匹配

支持分割视图

衬胶机整合

混合字体大小和风格

各种主题

可调整大小以适应内容

内嵌式和块状小部件

可编程水沟

使文本范围具有风格化的、只读或原子化的文本范围

双向文字支持

许多其他方法和附加组件.....

CodeMirror 入门教程

建立一个html文件,head中引入下列文件,此处我需要高亮xml,所以我引入了这个xml.js;

 

<link rel="stylesheet" href="lib/codemirror.css"/>
<script type="text/javascript" src="lib/codemirror.js"></script>
<script type="text/javascript" src="mode/xml/xml.js"></script>

 

在html中给一个textarea:

 

<textarea id="code" name="code" style="display: none"></textarea>

 

一般使用代码高亮都是用在文档内部,这里虽然给了个textarea,但是这里并不是把code直接显示在textarea中,而是生成了一个div,内部定义了行号,代码内容和滚动条等信息。

CodeMirror在线代码编辑器官方下载 V5.3.1.0 免费版

调用方法

 

editor_req = CodeMirror.fromTextArea(document.getElementById("code"), {
        mode: "xml",
        lineNumbers: true,
        scrollbarStyle: null
 });

 

配置可参考此文:http://www.hyjiacan.com/codemirror-config/ 

这里scrollbarStyle 是滚动条设置,我设置为null,是因为在使用中出现了个诡异的双层滚动条的错误!

后来发现是我codeMirror宽度设置的问题,这里的scrollbarStyle 还是要按需定制。

 

.CodeMirror-scroll {
            overflow: auto;
            height: 360px;
            width: 860px;
 }

 

 

以上,就是初步的使用,如果有复杂需求,建议直接看源码。

返回顶部


系统软件完发布的系统镜像及软件均来至互联网,仅供学习和研究使用,不得用于任何商业用途并请在下载后24小时内删除,如果满意请联系版权方购买。
如果您发现本站侵害了您的版权,请立即联系我们,本站将第一时间进行相关处理。邮箱:448377971#QQ.com[请将#换成@]
版权声明|下载声明 Copyright@ 2023 电脑公司