FCK編輯器插入代碼功能(顯示行號(hào)/折疊代碼等)

　　網(wǎng)(LieHuo.Net)教程 4步輕松打造可以應(yīng)用于任何FCK編輯器的CMS及其他程序,一個(gè)Fckeditor編輯器的插件，無(wú)需增加字段，不修改代碼，完全綠色環(huán)保。功能強(qiáng)大得不得了，可以插入的語(yǔ)言包括：C/C++，XML/HTML，JavaScript，CSS，C#，Java，PHP，Python，Ruby，SQL，ASP/Visual Basic，可選擇在前臺(tái)顯示語(yǔ)言名稱(chēng)、顯示行號(hào)、是否允許折疊等功能，而且還有語(yǔ)法著色功能，比你想像的還要完美。而且可分為以文本域顯示代碼和有運(yùn)行按鈕的可執(zhí)行方式顯示。

　　安裝方法如下：

　　1.下載壓縮包后，將文件夾insertcode拷貝到fckeditoreditorplugins目錄下，然后修改fckeditor/fckconfig.js此文件，在此文件中進(jìn)行如下修改：

2.打開(kāi)fckeditoreditorlang文件夾里的zh-cn.js，在DlgDivInlineStyle : "CSS 樣式",（注意這句后面一定要加一個(gè)逗號(hào)“,”）下面加入以下代碼：

3.為了可以使用插入代碼功能，需要在相應(yīng)的頁(yè)面加入CSS代碼(insertcode.css)，和下面的Js代碼。

比如在文章模板頁(yè)鏈接Css文件：

或者直接把css代碼拷貝到模板的css文件中。并在文章模板頁(yè)加入以下的js代碼。

4.修改fckeditor/fckconfig.js文件，在編輯器控制面板中加入按鈕，在調(diào)用工具欄參數(shù)的Media后面加入insertcode（注意正確加上標(biāo)點(diǎn)符號(hào)，否則會(huì)報(bào)錯(cuò)）。如下所示：

完成以上操作后，此時(shí)啟動(dòng)fckeditor編輯器應(yīng)該在編輯器的**上多了一個(gè)圖標(biāo)，點(diǎn)擊此圖標(biāo)即可添加你的代碼了。如果報(bào)錯(cuò)，提示找不到工具項(xiàng)，那是FCKEDITOR的緩存沒(méi)清除，退出后臺(tái)或更新緩存，刷新一下，重新進(jìn)入就可以看到代碼插入圖標(biāo)了。

附件下載：點(diǎn)擊

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)