CodeMirror CSS仅允许在class / id内编辑

Question

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

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

第一行是classname，最后一行是结束}。用户可以更改它之间的所有行。

示例：

.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选项致电readOnly（docs），禁止在文档的一部分进行编辑。确保在开头的文本上设置inclusiveLeft选项，在结尾处设置inclusiveRight，以防止在打开/关闭代码之前/之后插入内容。