codemirror 常見操作

2021-08-05 19:35:21 字數 612 閱讀 2719

0.定義乙個包含codemirror的文字框:

1.獲取codemirror這個物件:

var editor = codemirror.fromtextarea(document.getelementbyid("code"), ,//輸入s然後ctrl就可以彈出選擇項

mode: , //x-mysql

onchange:function (instance,changeobj)

});} });

2.設定和獲取codemirror的值:

var text1="123456";

editor.setvalue(text1);

var text = editor.getvalue();

3.在外部設定codemirror為唯讀:

editor.setoption("readonly", true);
注意:用editor.readonly=true設定是無效的

codemirror使用總結

這裡使用的是自己公司封裝的元件 直接上 吧 儲存取消 define libs sql formatter dist sql formatter.min.js libs codemirror 5.2 lib codemirror.js libs codemirror 5.2 mode sql sql....

CodeMirror學習和使用

template div class in coder panel textarea ref textarea placeholder 請輸入查詢sql textarea div template script type text ecmascript 6 引入全域性例項 import codemi...

指令碼編輯CodeMirror的用法與配置

1 npm install vue codemirror lite,安裝vue codemirrir lite 2 在需要用到的檔案裡面引入,codemirror lib codemirror.css,語言 codemirror mode python python.js,主題樣式 codemirr...