简单使用codemirror

CodeMirror是一个用于在网页上编辑代码的JavaScript库。它提供了一个可定制的代码编辑器，支持多种编程语言和功能，如语法高亮、自动完成、括号匹配等。

要在网页上使用CodeMirror，首先需要引入CodeMirror的CSS和JavaScript文件。然后，在HTML中创建一个textarea元素或div元素，作为CodeMirror的容器。接下来，使用JavaScript代码初始化CodeMirror实例，并将其绑定到容器元素上。

以下是一个简单的使用CodeMirror的示例：

1. 引入CodeMirror的CSS和JavaScript文件：

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

2. 在HTML中创建一个容器元素：

<div id="editor"></div>

3. 使用JavaScript初始化CodeMirror实例：

var editor = CodeMirror(document.getElementById("editor"), {
  mode: "javascript", // 设置编辑器的语言模式
  theme: "default", // 设置编辑器的主题
  lineNumbers: true, // 显示行号
  autofocus: true // 自动聚焦到编辑器
});

通过以上步骤，你就可以在网页上使用CodeMirror来编辑代码了。你可以根据需要自定义CodeMirror的配置选项，以及添加其他功能和插件。