1.什么是Code Mirror
最近做一個(gè)項(xiàng)目需要在網(wǎng)頁(yè)上實(shí)現(xiàn)一個(gè)代碼編輯器，支持語(yǔ)法高亮、自動(dòng)縮進(jìn)、智能提示等功能。發(fā)現(xiàn)Code Mirror剛好滿足所有需求。Code Mirror是由js寫的一款插件，其功能非常強(qiáng)大,用來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)端代碼編輯器非常方便。如果想看效果圖，可移步到這里----CodeOnline，這是我做的一個(gè)小項(xiàng)目，其中代碼編輯器的就是用Code Mirror實(shí)現(xiàn)的。
2.使用Code Mirror
下面我將演示如何使用Code Mirror搭建一個(gè)簡(jiǎn)易的代碼編輯器，并對(duì)其常用配置簡(jiǎn)要介紹。
首先要到Code Mirror官網(wǎng)下載此插件，然后在網(wǎng)頁(yè)中引入即可。如下代碼即實(shí)現(xiàn)了一個(gè)可以高亮顯示Java代碼的編輯器：
1 <!-- 2 最簡(jiǎn)單的CodeMirror編輯器 3 --> 4 5 <!DOCTYPE 6 html> 7 8 <html> 9 10 <!--下面兩個(gè)是使用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
