Jquery中文網 www.uhadif.co
Jquery中文網 >  建站教程  >  dedecms  >  正文 讓dedecms的fckEditor引用支持div+css

讓dedecms的fckEditor引用支持div+css

發布時間:2014-07-20   編輯:www.uhadif.co
讓DEDECMS的FCKeditor引用支持DIV+CSS

         修改DEDECMS的FCKeditor中的引用功能,將通過Table來實現,修改改為通過div+css來實現,使其更符合xhtml標準,而且使代碼更少,更方便修改風格。

          首先打開目錄FCKeditoreditorjs下的fckeditorcode_ie_2.js文件,找到代碼:
復制代碼 代碼如下:
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>rn";
  quoteString += "<tr><td style='word-wrap: break-word' bgcolor='#fdfddf'>rn<font color='#FF0000'>以下為引用的內容:</font><br>rn";
  quoteString += "</td></tr></table>rn";
 
修改為:
復制代碼 代碼如下:
  var quoteString = "<span class='quote'>rn";
  quoteString += "<span>以下為引用的內容:</span>rn";
  quoteString += "</span>rn";
 
        為了使用更少的代碼,我們把CSS代碼放到網頁中,這樣就不會每引用一次就要加入重復的CSS,首先打開文章頁面的CSS文件,假設為article.css,文章正文部分包含在ID content中,找到#content ,在下面加入以下代碼:
復制代碼 代碼如下:
/*---------------內容頁:正文引用*/
#content span.quote {
width:92%;
display:block;
padding:3px 10px;
margin:10px auto;
background:#FDFDDF;
border:1px #cccccc dotted;
}
#content span.quote span {
color:#FF0000;
display:block;
}
然后為了實現可視化編輯,還需要再打開 FCKeditoreditorcss 目錄下的 fck_editorarea.css 文件,在里面加入以下代碼:
復制代碼 代碼如下:
/*---------------FCKeditor編輯預覽*/
span.quote {
width:92%;
display:block;
padding:3px 10px;
margin:10px auto;
background:#FDFDDF;
border:1px #cccccc dotted;
}
span.quote span {
color:#FF0000;
display:block;
}

最后上傳相應的文件到服務器即可。

您可能感興趣的文章:
讓dedecms的fckEditor引用支持div+css
FCKEditor的jQuery插件 jEditor
JQuery Dialog(JS 模態窗口,可拖拽的DIV)
FCKEditor的jQuery插件 jEditor
10個基于jQuery或JavaScript的WYSIWYG 編輯器整理
為帝國下載V2.5 增加FCKeditor編輯器的方法
dedecms中tag列表按最新發布時間排序的解決方法
dedecms目錄執行php腳本的限制方法
dedecms其他頁面調用單頁文章內容的方法
帝國cms6.5整合fckEditor與syntaxhighlight

[關閉]
北京pk赛车历史 辽宁35选7中3个号多少钱 虚拟足球e球彩开奖结果 桥本凉最经典的是哪一部 时界门之将军 麻将外挂看牌软件 皮皮四川麻将最新版 麻将代理平台上下分 好看的东京热经典AV片 中国联通股票 湖北十一选五推荐号 老鹰vs篮网 凯尔特人队训 南京麻将无花果规则 宁夏十一选五 辽宁11选5开奖号 三人长沙麻将app