佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > fckeditor編輯器下的自定義分頁符實現(xiàn)方法

fckeditor編輯器下的自定義分頁符實現(xiàn)方法

熱門標(biāo)簽:智能手機 鐵路電話系統(tǒng) 銀行業(yè)務(wù) 服務(wù)器配置 網(wǎng)站文章發(fā)布 檢查注冊表項 呼叫中心市場需求 美圖手機

這里腳本之家小編參考了幾篇文章特為大家整理下,用到的朋友多支持一下了。

進行長文章分頁,編輯人員在控制分頁符的時候手工插入很麻煩,所以修改了FCK的插入分頁符的插入字符:
修改方法:
打開/editor/js/
找到fckeditorcode_gecko.js和fckeditorcode_ie.js
因為fck有二個js文件。fckeditorcode_gecko.js是針對非ie的。一個是針對ie的。所以我們需要更改二個js的文件。
這樣方便我們以后插入分頁時,就不需要那么一大串的了。
找到:
var FCKPageBreakCommand=function(){this.Name='PageBreak';};FCKPageBreakCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();var e=FCK.EditorDocument.createElement('Div')
以及其后字符,修改為你自己的分頁符即可

fck分頁符修改

     FKC默認(rèn)添加的分頁符為:div style="page-break-after: always">span style="display: none">nbsp;/span>/div>

      對文章的分頁,我是運用String.split("分頁符")方法,將文章以分頁符為分割點,返回一個String類型的數(shù)組,但是雙引號不能夠相互嵌套,split()方法中的參數(shù)就沒辦法設(shè)置。
      如何修改默認(rèn)的分頁符:

      找到j(luò)s文件:在/fckeditor/editor/js/目錄下,需要修改的有兩個js文件:fckeditorcode_ie.js(針對IE瀏覽器的配置)、fckeditorcode_gecko.js(針對非IE瀏覽器的配置)。
      在js文件中找到如下代碼,并做修改:

  var FCKPageBreakCommand=function() 
   {this.Name='PageBreak';}; 
  FCKPageBreakCommand.prototype.Execute=function() 
   {FCKUndo.SaveUndoStep(); 
  var e=FCK.EditorDocument.createElement('DIV'); //這里是創(chuàng)建div>標(biāo)簽,此處不用修改 
  e.style.pageBreakAfter='always';       //這里是為div>添加樣式,把它刪掉; 
  e.innerHTML='span style="DISPLAY:none">nbsp;/span>'; 
//這里是在div>中添加的內(nèi)容,修改一下; 我的是修改為e.innerHTML='[jb51page]'; 也就是僅有一個空格;

      保存,重新添加文章,添加文章時看不出變化,保存看查看數(shù)據(jù),分頁符的位置變?yōu)? div>[jb51page]/div>
      為文章分頁就可以用split("div>[jb51page]/div>")方法進行拆分顯示了;

以下是參考了dedecms的方法:
大家在修改的時候一定要看清原來的fckeditor分頁的寫法,千萬不要直接覆蓋,容易出問題。

dedecms的方法:

復(fù)制代碼 代碼如下:

var FCKPageBreakCommand=function(){this.Name='PageBreak';};
FCKPageBreakCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();
var e=FCK.EditorDocument.createElement('P');e.innerHTML='[jb51page]';

腳本之家用的方法:

復(fù)制代碼 代碼如下:

var FCKPageBreakCommand=function(){this.Name='PageBreak';};
FCKPageBreakCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();
FCK.EditorDocument.selection.createRange().text='[jb51page]';

注意:由于我們使用的版本,有FCKUndo.SaveUndoStep();如果不帶出現(xiàn)了編輯器無法顯示的情況。大家根據(jù)需要修改。

后面發(fā)現(xiàn)了dedecms增加的小功能,里面的函數(shù)不錯可以參考下

var FCKLineBrCommand=function(){this.Name='LineBr';};
FCKLineBrCommand.prototype.Execute=function(){FCK.EditorDocument.selection.createRange().pasteHTML("br/>");};
FCKLineBrCommand.prototype.GetState=function(){return 0;}

var FCKQuoteCommand=function(){this.Name='Quote';};
FCKQuoteCommand.prototype.Execute=function(){
	var quoteString = "table style='border-right: #cccccc 1px dotted; table-layout: fixed; border-top: #cccccc 1px dotted; border-left: #cccccc 1px dotted; border-bottom: #cccccc 1px dotted' cellspacing=0 cellpadding=6 width='95%' align=center border=0>\r\n";
 quoteString += "tr>td style='word-wrap: break-word' bgcolor='#fdfddf'>\r\nfont color='#FF0000'>以下為引用的內(nèi)容:/font>br>\r\n";
 quoteString += "/td>/tr>/table>\r\n";
	FCK.EditorDocument.selection.createRange().pasteHTML(quoteString);
};
FCKQuoteCommand.prototype.GetState=function(){return 0;}
您可能感興趣的文章:
  • Smarty中調(diào)用FCKeditor的方法
  • FCKeditor smarty 編輯器的應(yīng)用PHP
  • 實例(Smarty+FCKeditor新聞系統(tǒng))
  • fckeditor粘貼Word時彈出窗口取消的方法
  • FCKeditor + SyntaxHighlighter 讓代碼高亮著色插件
  • 探討fckeditor在Php中的配置詳解
  • 將FCKeditor導(dǎo)入PHP+SMARTY的實現(xiàn)方法

標(biāo)簽:紅河 上海 滄州 沈陽 新疆 河南 樂山 長治

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《fckeditor編輯器下的自定義分頁符實現(xiàn)方法》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    阿勒泰市| 宝鸡市| 昌宁县| 商都县| 临江市| 溧阳市| 马边| 自治县| 凤阳县| 宁河县| 宜宾县| 焉耆| 刚察县| 高邮市| 乐山市| 宁河县| 上饶市| 堆龙德庆县| 长葛市| 临城县| 屯门区| 怀柔区| 图片| 林甸县| 克东县| 阿鲁科尔沁旗| 潢川县| 来安县| 泰顺县| 津南区| 晋宁县| 哈尔滨市| 开阳县| 额济纳旗| 仙桃市| 历史| 永春县| 平塘县| 藁城市| 怀来县| 牙克石市|