CodeMirror CSS只允许编辑内部类/ ID

Question

我想使用CodeMirror进行CSS编辑，并让用户只允许编辑类或ID中的样式。

基本上我想完成的是在编辑器中只有一个类。

第一行是类名，最后一行是关闭}。这之间的所有行都可以由用户更改。

例子：

.myclass { /* not editable */ 
    /* the user can change anything here, add lines and so on */ 
} /* last line, not editable and no more lines can be inserted afterwards*/ 

之所以这样做，这是用户不应该能够改变类名和高亮无法正常工作，如果有编辑器内没有正确的语法。

我知道他可以用类关闭它}并打开一个新的类/ id，但这对我而言并不重要。

提前致谢！

Answer 1

您可以拨打markText（docs）与readOnly选项禁止在文档的一部分中进行编辑。确保在开始处的文本上设置inclusiveLeft选项，并在末尾设置inclusiveRight，以防止在打开/关闭代码之前/之后插入内容。