POST TIME:2018-03-15 21:02
關于Fckeditor,大家并不陌生,多個互聯網軟件中都在使用它,它是一款非常強大的編輯器,近年來被站長使用火熱的Dedecms的默認編輯器也是Fckeditor,關于修改和增加Fckeditor的功能問題,筆者已經發過很多相關文章,如:給dedecms的fckeditor增加可運行代碼功能。今天筆者要說的是如何修改“引用”的顯示樣式,就是,知道這一個功能如何修改,其它的您也就明白了。
因為在dedecms默認的編輯器引用是表格樣式的,默認底色為淺黃色(#FDFDDF),引用的標題為紅色,名稱是“以下為引用的內容”,可以說這是dedecms的一大標志,如果別人訪問你的網站,看到這樣的引用樣式,就明白你用的是dedecms了。其實這都是次要的,最主要的是默認的樣式與您的網站主題是否融洽的問題,以下就將修改的方法公布出來(高手請路過)。
分別是dedecms5.1和5.3的修改方法(強烈建議修改前進行備份):
一。(1)打開dede安裝目錄下的include/FCKeditor/editor/js/fckeditorcode_ie_2.js (DedeCms5.1)
一。(2)打開dede安裝目錄下的include/FCKeditor/editor/js/fckeditorcode_id.js (DedeCms5.3)
二。(1)找到代碼:if(this.InsertHtml=='quote')
二。(2)找到代碼:FCKQuoteCommand.prototype.Execute=function(){
三。(1)將以下代碼改成你想的樣式(第四步有本人推薦的樣式)
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"; |
三。(2)將以下代碼改成你想的樣式(第四步有本人推薦的樣式)
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"; |
四。推薦的樣式(DIV+CSS,其中的顏色,自己修改就可以了)
var quoteString = "rn"; quoteString += "<div style='color:#636563;background-color:#f4efd4;font-size:12px;padding:10px;margin:0;border:#cccccc 1px dotted;'>rn<font color='#636563'> </font>rn"; quoteString += "</div>rn"; |
五。修改完畢,將修改的文件上傳至網站空間覆蓋原文件即可。如果打開編輯器插入的樣式沒有改變,清除IE緩存,再刷新就解決了。
下一篇:文檔標題限制60字符的修改方法