ckeditor syntaxhighlighter代碼高亮插件，完美修復(fù)

更新時間：2011年08月08日 22:32:03 作者：

昨天匆忙發(fā)了個更新版，今天去找ckeditor的api文檔看了很久，終于找到解決辦法了

CKeditor的對象跟FCKeditor不大一樣，不能直接調(diào)用innerHTML和outerHTML了，繞了個大彎子，在當(dāng)前節(jié)點前插入一個新節(jié)點，然后刪除原先的節(jié)點。。。很傻，不過解決了問題。
順便給高級配置頁多加了一個選項“不自動轉(zhuǎn)換超鏈接”，syntaxhighlighter默認會把代碼里的網(wǎng)址轉(zhuǎn)換成超鏈接，看起來很不爽，現(xiàn)在可以自由設(shè)置了，呵呵
來個圖

使用方法：

1. 解壓附件到plugins (sablog2.0在include\editor\plugins)

2. 打開CKeditor目錄下的config.js文件，添加兩行
config.extraPlugins = 'syntaxhighlight';
config.toolbar_Full.push(['Code']);

3. 打開你的編輯器，開始插入代碼吧~
syntaxhighlight.rar

您可能感興趣的文章:

相關(guān)文章

Qzone編輯器QzoneEditor打包下載
從qq上弄下來了，覺得漂亮
2008-08-08
讓 FCKeditor 支持多用戶Web環(huán)境(以PHP為例)
FCKeditor 是個很優(yōu)秀的 Web 編輯器，很多項目甚至產(chǎn)品中都在用它。但它默認的上傳文件目錄為/userfiles/，也就是說，如果在編輯器中上傳了圖片等文件的話
2009-06-06
網(wǎng)頁編輯器FCKeditor 2.6.4精簡配置方法
今天看到網(wǎng)上有人問asp中FCKeditor的配置方法，特整理了一些文檔方便需要的朋友
2012-03-03
FCK編輯器（FCKEditor）添加新按鈕和功能的修改方法
最近項目需要對已有的FCKeditor添加新的功能，以前的做法只是在外殼處再次封裝，這次無法滿足需求只能進行內(nèi)部修改了。
2010-11-11
百度編輯器如何獲取光標(biāo)位置與不同幀內(nèi)的節(jié)點
當(dāng)我們console.log(domUtils)的時候，可以在控制臺中，看見很多domUtils下的方法，這些方法都是用于操作節(jié)點的，findParentByTagName()顧名思義，獲取的是節(jié)點，當(dāng)我們的光標(biāo)在編輯器內(nèi)容處，而我們要獲取相應(yīng)內(nèi)容外層節(jié)點的id以及各種屬性，就需要通過domUtils來獲得不同幀內(nèi)的節(jié)點
2012-07-07
百度編輯器 ueditor 內(nèi)容編輯自動套P標(biāo)簽，及p標(biāo)簽替換
這篇文章主要介紹了百度編輯器 ueditor 內(nèi)容編輯自動套P標(biāo)簽，及p標(biāo)簽替換,需要的朋友可以參考下
2017-03-03
autogrow 讓FCKeditor高度隨內(nèi)容增加的插件
讓FCKeditor高度隨內(nèi)容增加的插件,這個插件在默認情況下可能運行不正常，必須做一點修改才可以。
2011-02-02
ckeditor的使用和配置方法分享
CKEditor是新一代的FCKeditor，是一個重新開發(fā)的版本。CKEditor是全球最優(yōu)秀的網(wǎng)頁在線文字編輯器之一，因其驚人的性能與可擴展性而廣泛的被運用于各大網(wǎng)站
2012-03-03
FCKeditorAPI 手冊 js操作獲取等
FCKeditorAPI 手冊 js操作控制，獲取等函數(shù)代碼，使用網(wǎng)頁編輯器的朋友可以參考下。
2011-01-01
在asp.net中KindEditor編輯器的使用方法小結(jié)
由于國外的服務(wù)器好象對一些要引用dll編輯器由于安全問題,鎖定了web.config中的一些權(quán)限,在先試了FreeTexbox不行,FCKEditor也不行,因為都是要引用dll文件,最后同事介紹一款純js的kindeditor編輯器,
2010-12-12