用codemirror打造一个属于自己的线上编辑器

最新推荐文章于 2025-03-10 14:34:43 发布

wyc是xxs

最新推荐文章于 2025-03-10 14:34:43 发布

阅读量1.1k

点赞数 23

分类专栏： web 文章标签：编辑器 web app 前端

本文链接：https://blog.csdn.net/Xiaokt_w/article/details/139753174

版权

今天我来分享一下如何用CodeMirror打造一个自己的代码编辑器。

什么是CodeMirror

CodeMirror是一个JavaScript的代码编辑器，它具有丰富的功能和灵活性，可以用于各种编程语言的代码编辑。

使用

新建一个index.html文件。然后引入CodeMirror的CSS和JavaScript文件。

<!-- 主要的 -->
<script src="https://cdn.bootcdn.net/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script>
<link href="https://cdn.bootcdn.net/ajax/libs/codemirror/6.65.7/codemirror.min.css" rel="stylesheet">

<!-- 折叠用的 -->
<link href="https://cdn.bootcdn.net/ajax/libs/codemirror/6.65.7/addon/fold/foldgutter.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/codemirror/6.65.7/addon/fold/foldcode.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/codemirror/6.65.7/addo