CodeMirror 代码编辑器使用教程：语法高亮、代码折叠、自动完成

CodeMirror 是一款基于 JavaScript 的代码编辑器，可以集成到 Web 应用程序中，提供了语法高亮、代码折叠、自动完成等功能，适用于编写代码、文档、Markdown等。

使用 CodeMirror 需要在 HTML 文件中引入 CodeMirror 相关的 CSS 和 JS 文件，并且在 JavaScript 中初始化一个 CodeMirror 实例。以下是一个简单的示例：

引入 CodeMirror 文件

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/codemirror.min.css'>
<script src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/codemirror.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.0/mode/javascript/javascript.min.js'></script>

初始化 CodeMirror 实例

var editor = CodeMirror.fromTextArea(document.getElementById('myTextarea'), {
  lineNumbers: true, // 显示行号
  mode: 'javascript' // 设置语言模式
});

在 HTML 中添加 textarea 元素

<textarea id='myTextarea'></textarea>

这样就可以在页面中使用 CodeMirror 编辑器了。

CodeMirror 还提供了很多可配置的选项，比如主题、字体大小、自动完成等，可以根据需求进行配置。详细的 API 文档可以参考官方文档。