首页帮我写一份使用html实现一个codemirror的代码，引用方式为cdn

帮我写一份使用html实现一个codemirror的代码，引用方式为cdn

时间: 2024-10-23 13:20:36 浏览: 31

当然可以。要在HTML文件中使用CodeMirror编辑器，并通过CDN的方式引用它，首先你需要在HTML头部添加CDN链接，然后创建一个<textarea>元素作为输入区域。以下是基本的步骤： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CodeMirror Example</title>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.54.0/codemirror.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.54.0/codemirror.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.54.0/mode/javascript/javascript.min.js"></script> </head> <body> <textarea id="code-editor"> // 这里放初始代码示例，比如JavaScript function helloWorld() { console.log('Hello, CodeMirror!'); } </textarea>  <script> var editor = CodeMirror.fromTextArea(document.getElementById("code-editor"), { mode: "javascript", lineNumbers: true, theme: "monokai", // 可选的主题样式 }); </script> </body> </html> ``` 在这个例子中，我们引入了CodeMirror的CSS和JS库，以及JavaScript语言模式。`<textarea>`用于显示和编辑代码，而`CodeMirror.fromTextArea()`则用于初始化编辑器。

阅读全文