javascript - CodeMirror CSS 只允许在 class/id 内编辑

标签 javascript css codemirror

我想使用 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,但这对我来说并不重要。

提前致谢!

最佳答案

您可以使用 readOnly 选项调用 markText ( docs ) 以禁止在文档的某个部分进行编辑。确保在开头的文本上设置 inclusiveLeft 选项,在结尾处设置 inclusiveRight 选项,以防止在开始/结束代码之前/之后插入内容。

关于javascript - CodeMirror CSS 只允许在 class/id 内编辑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21631321/

相关文章:

javascript - react : menu + submenu + content

php - 响应引导 css php 错误

javascript - Codemirror如何制作自定义自动完成下拉菜单

javascript - 如何将localhost(任何端口)与前端语言或框架一起使用?

javascript - Js 将一个减号字符串转化为一个减号

c# - 关系型 SQL Server 数据库

css - 如何避免 li 标签中的边距形式 ul?

javascript - 如何在 CodeMirror 编辑器中使用 selenium 模拟关键事件

knockout.js - CodeMirror 自定义绑定(bind)在 "foreach"绑定(bind)内不起作用

javascript - 有什么办法可以自动可视化 JavaScript 代码树?