麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發(fā) > 綜合 > 正文

fckeditor網(wǎng)頁編輯器下的自定義分頁符實(shí)現(xiàn)方法

2024-07-21 02:54:07
字體:
供稿:網(wǎng)友
今天在開發(fā)后臺的時(shí)候需要用到自定義的分頁符,發(fā)現(xiàn)fckeditor編輯器下默認(rèn)的符號不好,dedecms也修改為自定義的,防止沖突
 

這里VeVb武林網(wǎng)小編參考了幾篇文章特為大家整理下,用到的朋友多支持一下了。

進(jìn)行長文章分頁,編輯人員在控制分頁符的時(shí)候手工插入很麻煩,所以修改了FCK的插入分頁符的插入字符:
修改方法:
打開/editor/js/
找到fckeditorcode_gecko.js和fckeditorcode_ie.js
因?yàn)閒ck有二個(gè)js文件。fckeditorcode_gecko.js是針對非ie的。一個(gè)是針對ie的。所以我們需要更改二個(gè)js的文件。
這樣方便我們以后插入分頁時(shí),就不需要那么一大串的了。
找到:
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"> </span></div>

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

      找到j(luò)s文件:在/fckeditor/editor/js/目錄下,需要修改的有兩個(gè)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"> </span>'; //這里是在<div>中添加的內(nèi)容,修改一下; 我的是修改為e.innerHTML='[jb51page]'; 也就是僅有一個(gè)空格;

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

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

dedecms的方法:

 

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

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

 

VeVb武林網(wǎng)用的方法:

 

復(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ù)不錯(cuò)可以參考下

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/n<font 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;}


注:相關(guān)教程知識閱讀請移步到編輯器頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 在线观看视频亚洲 | 羞羞草视频 | 2021国产精品视频 | 日韩1区 | 97青青 | 最新av在线播放 | 久久久久久高清 | 毛片在线免费观看完整版 | 毛片在线免费播放 | 5xx免费看 | 欧美大穴 | 91精品国产91久久久 | 国产九九在线视频 | 久久久久久久久久久av | 在线看小早川怜子av | 国产一有一级毛片视频 | 精品一区二区亚洲 | 日美黄色片 | 美女视频黄a视频免费全过程 | 精品国产中文字幕 | 激情视频免费看 | 久久久国产一级片 | 欧美精品一区二区三区在线 | 亚洲欧美成aⅴ人在线观看 av免费在线播放 | 久久手机在线视频 | 777zyz色资源站在线观看 | 久久久久av电影 | 久久精品一区二区三区四区五区 | 国产免费久久久 | 久久精品日产高清版的功能介绍 | 国产午夜亚洲精品午夜鲁丝片 | a视频网站 | pornoⅹxxxxhd麻豆 | 一级黄色免费观看视频 | 日日草天天干 | 色视频在线 | av免费在线播放网址 | 久久精品欧美电影 | 国产黄色免费网站 | aaaaa国产欧美一区二区 | 精品国产一区二区三区久久久蜜 |