文章出處
文章列表
使用CodeMirror在瀏覽器中實現編輯器的代碼高亮效果
在網站后臺管理中希望能夠對網站的樣式表css與js文件以及模板html進行管理，在編輯的時候只是以普通文本展示又太普通，顯得好難看，于是便在網上找能夠實現代碼高亮的插件，終于讓我找到了codeMirror。
先來看一下，codeMirror實現代碼高亮的效果：
瀏覽器支持狀況：
codeMirror是基于JavaScript開發的能夠實現代碼高亮，支持N多種語言，而且有許多編程接口，甚至你可以開發自己的編程語言，并根據codeMirror的文檔開發使自己代碼高亮的插件。
你可以從官網或GitHub上下載到codeMirror的開發包以及使用文檔。
-
將開發包導入項目
下載并解壓之后，可以看到如下文件結構（這是從github上下載下來的）：
有些文件在項目中是不需要的，我們只需要把必須的文件導入項目中即可，主要用到的文件有lib、mode、theme文件夾中的文件，mode中的文件也可以根據自己的實際項目需要進行進一步精簡
-
添加js、css文件引用
-
頁面初始化
html:
js:
-
獲取值
文章列表
全站熱搜
留言列表
