原文地址: https://bbs.huaweicloud.com/blogs/181064
前提
开始之前我们上首先看一下codemirror包结构,我们Demo接下来要使用的所有文件都在该包之中。
一、初始化编辑器
1)引入codemirror js库和css文件,本文为了方便使用的是cdn上的文件,项目中可使用npm i codemirror进行安装,或者下载codemirror压缩包到本地使用;
<link href="https://cdn.bootcdn.net/ajax/libs/codemirror/5.54.0/codemirror.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/codemirror/5.54.0/codemirror.js"></script>
<!--sql语言-->
<script src="https://cdn.bootcdn.net/ajax/libs/codemirror/5.54.0/mode/sql/sql.js"></script>
2)创建编辑器