浏览器模块 / COMPONENT ATLAS
代码编辑器CodeMirrorEditor
真实 CodeMirror 实例展示示例代码；编辑与快捷键只作用于本地预览，不执行 SQL 或运行器任务。
亲手试一试。
01 / LIVE PREVIEW正在加载真实组件…
STATES / 示例状态
编辑撤销语言切换主题
本地演示，内容不会保存。INTERACTIVE SPECIMEN · 跟随全站主题
用法
02 / USAGE下方展示组件的调用方式。
const editor = window.CodeMirrorEditor.create('code-host');
editor?.setValue("print('Hello, Yggdrasil')");
editor?.setLanguage('python');
// 宿主卸载时销毁实例。
editor?.destroy();主要属性
03 / PROPERTIES| 属性 / 类型 | 默认值 | 说明 |
|---|---|---|
containerIdstring | 必填 | 已挂载的代码编辑器容器 ID。 |
optionsEditorOptions | 默认配置 | 语言、主题、初始代码及回调。 |