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，以防止在打開/關閉代碼之前/之後插入內容。