codemirror的使用

CodeMirror 是一个基于 Web 技术的代码编辑器，支持多种语言的语法高亮，并提供了代码折叠、代码缩进、智能提示等功能。下面是使用 CodeMirror 的基本步骤：

1. 下载 CodeMirror 的压缩包，包括三个文件夹：doc、lib 和 mode。

2. 在 HTML 文件中引入 CodeMirror 的 CSS 和 JS 文件。

   <link rel="stylesheet" href="lib/codemirror.css">
   <script src="lib/codemirror.js"></script>

3. 创建一个 textarea 元素，并为其设置一个 id。

   <textarea id="code"></textarea>

4. 在 JavaScript 中初始化 CodeMirror，并将其绑定到 textarea 上。

   var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
       lineNumbers: true,  // 显示行号
       mode: "javascript", // 语言模式
       theme: "default"    // 主题
   });

在初始化时，可以设置一些选项，比如是否显示行号、使用的语言模式、主题等。

5. 在需要获取代码内容时，可以使用 getValue() 方法获取 textarea 中的内容。

   var code = editor.getValue();

也可以使用 setValue() 方法设置 textarea 的内容。

   editor.setValue("console.log('Hello, world!');");

以上就是使用 CodeMirror 的基本步骤。更详细的使用方法可以参考 CodeMirror 官方文档。