codemirror怎么用onchange
时间: 2023-08-29 17:09:20 浏览: 42
您可以使用 CodeMirror 的 `on("change", callback)` 方法来监听编辑器内容的变化。下面是一个示例:
```html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="codemirror.css">
<script src="codemirror.js"></script>
<script src="mode/javascript/javascript.js"></script>
</head>
<body>
<textarea id="myTextarea"></textarea>
<script>
// 初始化 CodeMirror 编辑器
var editor = CodeMirror.fromTextArea(document.getElementById("myTextarea"), {
mode: "javascript",
lineNumbers: true,
theme: "default"
});
// 监听内容变化事件
editor.on("change", function() {
// 在这里编写当内容发生变化时的逻辑
console.log("内容已变化");
});
</script>
</body>
</html>
```
在上面的示例中,我们初始化了一个 CodeMirror 编辑器,并通过 `on("change", callback)` 方法来绑定一个回调函数,当编辑器的内容发生变化时,回调函数就会被触发。您可以根据需要在回调函数中编写相应的逻辑。