1.什么是Code Mirror
最近做一個項目需要在網(wǎng)頁上實現(xiàn)一個代碼編輯器,支持語法高亮、自動縮進、智能提示等功能。發(fā)現(xiàn)Code Mirror剛好滿足所有需求。Code Mirror是由js寫的一款插件,其功能非常強大,用來實現(xiàn)網(wǎng)頁端代碼編輯器非常方便。如果想看效果圖,可移步到這里----CodeOnline,這是我做的一個小項目,其中代碼編輯器的就是用Code Mirror實現(xiàn)的。
2.使用Code Mirror
下面我將演示如何使用Code Mirror搭建一個簡易的代碼編輯器,并對其常用配置簡要介紹。
首先要到Code Mirror官網(wǎng)下載此插件,然后在網(wǎng)頁中引入即可。如下代碼即實現(xiàn)了一個可以高亮顯示Java代碼的編輯器:
1 <!-- 2 最簡單的CodeMirror編輯器 3 --> 4 5 <!DOCTYPE 6 html> 7 8 <html> 9 10 <!--下面兩個是使用Code Mirror必須引入的-->11 <link rel="stylesheet" href="codemirror-5.12/lib/codemirror.css">12 <script src="codemirror-5.12/lib/codemirror.js"></script>13 14 <!--Java代碼高亮必須引入-->15 <script