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
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖
2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞
2017-07-26
- 從棧不平衡問題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析
2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二)
2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式