ckeditor syntaxhighlighter代碼高亮插件，完美修復(fù)
更新時(shí)間：2011年08月08日 22:32:03 作者：
昨天匆忙發(fā)了個(gè)更新版，今天去找ckeditor的api文檔看了很久，終于找到解決辦法了
CKeditor的對(duì)象跟FCKeditor不大一樣，不能直接調(diào)用innerHTML和outerHTML了，繞了個(gè)大彎子，在當(dāng)前節(jié)點(diǎn)前插入一個(gè)新節(jié)點(diǎn)，然后刪除原先的節(jié)點(diǎn)。。。很傻，不過解決了問題。
順便給高級(jí)配置頁多加了一個(gè)選項(xiàng)“不自動(dòng)轉(zhuǎn)換超鏈接”，syntaxhighlighter默認(rèn)會(huì)把代碼里的網(wǎng)址轉(zhuǎn)換成超鏈接，看起來很不爽，現(xiàn)在可以自由設(shè)置了，呵呵
來個(gè)圖
使用方法：
1. 解壓附件到plugins (sablog2.0在include\editor\plugins)
2. 打開CKeditor目錄下的config.js文件，添加兩行
config.extraPlugins = 'syntaxhighlight';
config.toolbar_Full.push(['Code']);
3. 打開你的編輯器，開始插入代碼吧~
syntaxhighlight.rar
順便給高級(jí)配置頁多加了一個(gè)選項(xiàng)“不自動(dòng)轉(zhuǎn)換超鏈接”，syntaxhighlighter默認(rèn)會(huì)把代碼里的網(wǎng)址轉(zhuǎn)換成超鏈接，看起來很不爽，現(xiàn)在可以自由設(shè)置了，呵呵
來個(gè)圖
使用方法：
1. 解壓附件到plugins (sablog2.0在include\editor\plugins)
2. 打開CKeditor目錄下的config.js文件，添加兩行
config.extraPlugins = 'syntaxhighlight';
config.toolbar_Full.push(['Code']);
3. 打開你的編輯器，開始插入代碼吧~
syntaxhighlight.rar
您可能感興趣的文章:
- SyntaxHighlighter 去掉右側(cè)滾動(dòng)條的方法
- 防止SyntaxHighlighter.js的代碼高亮?xí)r閃一下的解決方法
- SyntaxHighlighter自動(dòng)識(shí)別并加載腳本語言
- z-blog SyntaxHighlighter 長代碼無法換行解決辦法(基于jquery)
- SyntaxHighlighter 3.0.83使用筆記
- ckeditor syntaxhighlighter代碼高亮插件配置分享
- CKEditor中加入syntaxhighlighter代碼高亮插件
- z-blog SyntaxHighlighter 長代碼無法換行解決辦法(jquery)
- 解決SyntaxHighlighter 代碼高亮不換行問題的解決方法
- FCKeditor + SyntaxHighlighter 讓代碼高亮著色插件
- 代碼著色之SyntaxHighlighter項(xiàng)目(最流行的代碼高亮)
- syntaxhighlighter 去掉右上角問號(hào)圖標(biāo)的三種方法
- 為SyntaxHighlighter添加新語言的方法
- SyntaxHighlighter配合CKEditor插件輕松打造代碼語法著色
- SyntaxHighlighter語法高亮插件使用說明
- coolcode轉(zhuǎn)SyntaxHighlighter與Mysql正則表達(dá)式實(shí)現(xiàn)分析
- FCKeditor 和 SyntaxHighlighter 代碼高亮插件的整合
- SyntaxHighlighter 語法高亮插件的使用教程
- 使用SyntaxHighlighter實(shí)現(xiàn)HTML高亮顯示代碼的方法
- FCKEditor SyntaxHighlighter整合實(shí)現(xiàn)代碼高亮顯示
- SyntaxHighlighter代碼加色使用方法
- syntaxhighlighter 使用方法
- 關(guān)于實(shí)現(xiàn)代碼語法標(biāo)亮 dp.SyntaxHighlighter
- SyntaxHighlighter?Autoloader(自動(dòng)加載)最優(yōu)方式
相關(guān)文章
從qq上弄下來了，覺得漂亮2008-08-08
讓 FCKeditor 支持多用戶Web環(huán)境(以PHP為例)
FCKeditor 是個(gè)很優(yōu)秀的 Web 編輯器，很多項(xiàng)目甚至產(chǎn)品中都在用它。但它默認(rèn)的上傳文件目錄為/userfiles/，也就是說，如果在編輯器中上傳了圖片等文件的話2009-06-06
網(wǎng)頁編輯器FCKeditor 2.6.4精簡配置方法
今天看到網(wǎng)上有人問asp中FCKeditor的配置方法，特整理了一些文檔方便需要的朋友2012-03-03
FCK編輯器（FCKEditor）添加新按鈕和功能的修改方法
最近項(xiàng)目需要對(duì)已有的FCKeditor添加新的功能，以前的做法只是在外殼處再次封裝，這次無法滿足需求只能進(jìn)行內(nèi)部修改了。2010-11-11
百度編輯器 如何獲取光標(biāo)位置與不同幀內(nèi)的節(jié)點(diǎn)
當(dāng)我們console.log(domUtils)的時(shí)候，可以在控制臺(tái)中，看見很多domUtils下的方法，這些方法都是用于操作節(jié)點(diǎn)的，findParentByTagName()顧名思義，獲取的是節(jié)點(diǎn)，當(dāng)我們的光標(biāo)在編輯器內(nèi)容處，而我們要獲取相應(yīng)內(nèi)容外層節(jié)點(diǎn)的id以及各種屬性，就需要通過domUtils來獲得不同幀內(nèi)的節(jié)點(diǎn)2012-07-07
百度編輯器 ueditor 內(nèi)容編輯自動(dòng)套P標(biāo)簽，及p標(biāo)簽 替換
這篇文章主要介紹了百度編輯器 ueditor 內(nèi)容編輯自動(dòng)套P標(biāo)簽，及p標(biāo)簽 替換,需要的朋友可以參考下2017-03-03
autogrow 讓FCKeditor高度隨內(nèi)容增加的插件
讓FCKeditor高度隨內(nèi)容增加的插件,這個(gè)插件在默認(rèn)情況下可能運(yùn)行不正常，必須做一點(diǎn)修改才可以。2011-02-02
CKEditor是新一代的FCKeditor，是一個(gè)重新開發(fā)的版本。CKEditor是全球最優(yōu)秀的網(wǎng)頁在線文字編輯器之一，因其驚人的性能與可擴(kuò)展性而廣泛的被運(yùn)用于各大網(wǎng)站2012-03-03
FCKeditorAPI 手冊(cè) js操作控制，獲取等函數(shù)代碼，使用網(wǎng)頁編輯器的朋友可以參考下。2011-01-01
在asp.net中KindEditor編輯器的使用方法小結(jié)
由于國外的服務(wù)器好象對(duì)一些要引用dll編輯器由于安全問題,鎖定了web.config中的一些權(quán)限,在先試了FreeTexbox不行,FCKEditor也不行,因?yàn)槎际且胐ll文件,最后同事介紹一款 純js的kindeditor編輯器,2010-12-12