codemirror html

CodeMirror 是一个用于在线代码编辑器的 JavaScript 库，它支持多种语言，包括 HTML。要在 CodeMirror 中编辑 HTML 代码，您可以使用以下步骤：

1. 在 HTML 页面中包含 CodeMirror 库的链接。

<link rel="stylesheet" href="https://codemirror.net/lib/codemirror.css">
<script src="https://codemirror.net/lib/codemirror.js"></script>
<script src="https://codemirror.net/mode/htmlmixed/htmlmixed.js"></script>
<script src="https://codemirror.net/addon/edit/matchbrackets.js"></script>

2. 在 HTML 页面中创建一个 textarea 元素，用于显示和编辑 HTML 代码。

<textarea id="myTextArea"></textarea>

3. 在 JavaScript 代码中初始化 CodeMirror 编辑器，并将其绑定到 textarea 元素上。

var myTextArea = document.getElementById("myTextArea");
var myCodeMirror = CodeMirror.fromTextArea(myTextArea, {
  mode: "htmlmixed",
  lineNumbers: true,
  matchBrackets: true
});

现在，您可以在页面上看到一个具有行号和匹配括号功能的 HTML 代码编辑器。