codemirror html
时间: 2023-07-11 17:52:41 浏览: 90
CodeMirror 是一个用 JavaScript 实现的 Web 程序员编辑器,支持超过 100 种编程语言和文件格式。如果你想在 CodeMirror 中编辑 HTML,可以使用 HTML 模式。在使用 CodeMirror 的时候,你需要先引入 CodeMirror 的 CSS 和 JS 文件,然后在 HTML 中创建一个 textarea 元素,并将其转化为 CodeMirror 编辑器,代码示例如下:
```html
<link rel="stylesheet" href="codemirror.css">
<script src="codemirror.js"></script>
<script src="mode/htmlmixed/htmlmixed.js"></script>
<script src="mode/xml/xml.js"></script>
<script src="mode/javascript/javascript.js"></script>
<script src="mode/css/css.js"></script>
<textarea id="myTextarea"></textarea>
<script>
var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("myTextarea"), {
lineNumbers: true,
mode: "htmlmixed"
});
</script>
```
这样就可以创建一个带有语法高亮和代码折叠功能的 HTML 编辑器了。
阅读全文