多功能在线代码编辑器——CodeMirror

boyanx9个月前技术教程66

CodeMirror 是一款允许在浏览器中使用的多功能文本编辑器, 专用于编辑代码, 并附带超过 100 种语言模式和各种插件, 可实现高级的代码编辑功能, 包括代码高亮显示、功能扩展以及多个主题样式。

官网: https://codemirror.net/

github地址:

https://github.com/codemirror/CodeMirror


function hello(who = "world") {
    console.log(`Hello, ${who}!`)
}

这是一个 CodeMirror 字段,配置用于编辑 JavaScript 代码。



使用方法:


<script src="lib/codemirror.js"></script>
<script  type="text/javascript">
 // 使用方法:
var editor = CodeMirror.fromTextArea(myTextarea, {
		lineNumbers: true
});
</script>

相关文章

Trae IDE AI代码编辑器 ,支持Claude 3.5和GPT-4,现在限时免费

Trae IDE字节跳动旗下的 #AI代码编辑器 ,支持Claude 3.5和GPT-4,现在限时免费。最新1.0.8版本已经支持sonnet3.7模型分为chat和build两种AI编程模式不过模型...

低代码平台组件之编辑器组件

下面讲一下对应的低代码里面的编辑器组件。编辑器组件用的比较多的应该是在合同里面,合同里面有对应的粘贴word的样式,直接到线上。老规矩,拖动一个空间,拖动到中间,选中它,看一下有哪些属性。通用的属性不...

推荐给极客程序员的五个安卓代码编辑器

据说在好的工具上编程是一种乐趣,因为你可以随心所欲地在上面玩自己的代码。大多数程序员习惯在台式机或者是笔记本电脑上写代码,因为兼容性更好,写起来比较舒服。但是当你想随时随地编写代码的时候,你应该就会想...

办公小技巧:请个好用的文本代码编辑器

作为经常处理多文本的教职员、编辑人员、程序员,若仅用记事本作为文本或代码编辑工具,会感到功能严重不足。改用免费的高级编辑器Text Editor Pro,便会大大提高文本和代码的处理效率。1. 又快又...

3款 .NET 开源的编辑器,包含代码、文本和Markdown编辑功能!

前言今天大姚给大家推荐3款 .NET 开源、免费的编辑器,其中包含 C# 代码编辑器、文本编辑器和 Markdown 编辑器!RoslynPadRoslynPad是一个基于 Roslyn 和 Aval...

代码编辑器Expressions激活版

哪款代码编辑器简便好用呢?Expressions激活版是个不错的选择,最新ui设计,小组之间轻松切换,支持多行模式和注释哟,有时模式太复杂了。只需选中“允许空白和注释”选项,然后将您的模式分成较小的部...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。