js yaml语法编辑器 - CodeMirror使用
const yamlCodeMirrorEle = document.getElementById('el');
this.myCodeMirror = CodeMirror(yamlCodeMirrorEle, {
value: '',
mode: 'yaml',
lineNumbers: true, // 显示行数
indentUnit: 1, // 缩进单位为2
styleActiveLine: true, // 当前行背景高亮
matchBrackets: true, // 括号匹配
lineWrapping: true, // 自动换行
tabSize: 2,
});
// 监听输入值变化
this.myCodeMirror.on('change', (cm) => {
console.log(eidtorText: cm.doc.getValue())
})
// 切换配置方法
// ('mode', 'javascript')