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

boyanx3个月前技术教程12

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>

相关文章

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编程模式不过模型...

强烈推荐10 个 Python IDE 和代码编辑器

Python 非常易学,强大的编程语言。Python 包括高效高级的数据结构,提供简单且高效的面向对象编程。Python 的学习过程少不了 IDE 或者代码编辑器,或者集成的开发编辑器(IDE)。这些...

十大CSS代码编辑器

工欲善其事,必先利其器。要想开发速度高,开发工具要选好。接下来给大家推荐10款CSS代码编辑器。Visual Studio Code与其他代码编辑器相比,VisualStudioCode是一个相对较新...

快乐Coding,必须要有一个高颜值的代码编辑器,主题+字体推荐

介绍对于VSCode我相信我就不用多说了,现如今几乎所有开发者或者说前端开发者应该都知道VSCode这一款微软开源免费跨平台的代码编辑器或者说轻量级IDE,其强大的扩展生态给VSCode提供了无限的活...

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

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

发表评论    

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