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

boyanx4个月前技术教程28

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>

相关文章

10个免费的HTML在线编辑工具

onlinehtmleditor.net是非常简单和易用的HTML在线编辑器,适用的标签有H1,H2,H3,H4,P,IMG,List等,还可以在下方查看实时预览。你可以手动输入这些标签,也可以通过点...

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

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

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

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

源代码编辑器:EditRocket激活版

源代码编辑器:EditRocket激活版带给大家,易学易用,具有语法高亮,代码创建和sidekicks ,导航等多种功能,是初学代码小伙伴们的得力助手EditRocket Mac版附加功能超过20种编...

8个免费且优秀的代码编辑器,让开发速度飞起来

这篇都是干货,我们废话不多说,给大家分享8个免费且优秀的代码编辑器,欢迎转发收藏。1、IntelliJ IDEA(Windows、Linux和Mac OS X)intellij idea 很适合jav...

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

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

发表评论    

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