codemirror html

CodeMirror 是一个用 JavaScript 实现的文本编辑器，支持超过 100 种语言的语法高亮和代码折叠。如果你要在 CodeMirror 中编辑 HTML 代码，你需要加载 HTML 模式。你可以按照以下步骤操作：

1. 首先，从 CodeMirror 的官方网站上下载 CodeMirror 的最新版本，并将其解压缩到你的项目目录中。

2. 在你的 HTML 文件中引入 CodeMirror 的 CSS 和 JavaScript 文件：

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

3. 加载 HTML 模式：

  <script src="path/to/mode/htmlmixed/htmlmixed.js"></script>
  <script src="path/to/mode/xml/xml.js"></script>
  <script src="path/to/mode/javascript/javascript.js"></script>
  <script src="path/to/mode/css/css.js"></script>
  <script src="path/to/mode/html/html.js"></script>

4. 创建一个 textarea 元素，用于输入 HTML 代码：

  <textarea id="myTextarea"></textarea>

5. 在 JavaScript 中初始化 CodeMirror：

  var myTextarea = document.getElementById('myTextarea');
  var editor = CodeMirror.fromTextArea(myTextarea, {
    mode: 'htmlmixed',
    lineNumbers: true,
    theme: 'default'
  });

这样就可以在网页中创建一个支持 HTML 代码编辑的 CodeMirror 编辑器了。