首頁 > 織夢cms教程 閱讀:0更新時間:2021-03-29 16:24:16

dede編輯器Fckeditor“引用"樣式的修改

關于Fckeditor,大家并不陌生,多個互聯網軟件中都在使用它,它是一款非常強大的編輯器,近年來被站長使用火熱的dedecms的默認編輯器也是Fckeditor,關于修改和增加Fckeditor的功能問題,筆者已經發過很多相關文章,如:給dedecms的fckeditor增加可運行代碼功能。今天筆者要說的是如何修改“引用”的顯示樣式,知道這一個功能如何修改,其它的您也就明白了。 

  因為在dedecms默認的編輯器引用是表格樣式的,默認底色為淺黃色(#FDFDDF),引用的標題為紅色,名稱是“以下為引用的內容”,可以說這是dedecms的一大標志,如果別人訪問你的網站,看到這樣的引用樣式,就明白你用的是dedecms了。其實這都是次要的,最主要的是默認的樣式與您的網站主題是否融洽的問題,以下就將修改的方法公布出來(高手請路過)。

  分別是dedecms5.1和5.3的修改方法(強烈建議修改前進行備份):  

  一。(1)打開dede安裝目錄下的include/FCKeditor/editor/js/fckeditorcode_id.js(DedeCms5.3)

  一。(2)打開dede安裝目錄下的include/FCKeditor/editor/js/fckeditorcode_ie_2.js(DedeCms5.1)

  二。(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>
"; 
quoteString += "<tr><td style='word-wrap: break-word' bgcolor='#fdfddf'>
<font color='#FF0000'> </font><br>
"; 
quoteString += "</td></tr></table>
";

 

  三。(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>
";
  quoteString += "<tr><td style='word-wrap: break-word' bgcolor='#fdfddf'>
<font color='#FF0000'>以下為引用的內容:</font><br>
";
  quoteString += "</td></tr></table>
";

  四。烈火建站學院推薦的樣式(DIV+CSS,其中的顏色,自己修改就可以了)

 

 

var quoteString = "
"; 
quoteString += "<div style='color:#636563;background-color:#f4efd4;font-size:12px;padding:10px;margin:0;border:#cccccc 1px dotted;'>
<font color='#636563'> </font>
"; 
quoteString += "</div>
";

  五。修改完畢,將修改的文件上傳至網站空間覆蓋原文件即可。如果打開編輯器插入的樣式沒有改變,清除IE緩存,再刷新就解決了。

beylze編程學院,一個分享編程知識和seo優化知識的網站。跟著beylze一起學習,每天都有進步。

通俗易懂,深入淺出,一篇文章只講一個知識點。

文章不深奧,不需要鉆研,在公交、在地鐵、在廁所都可以閱讀,隨時隨地漲姿勢。

文章不涉及代碼,不燒腦細胞,人人都可以學習。

當你決定關注beylze(公眾號:beylze),你已然超越了90%的其他從業者!

優秀教程

国产亚洲欧美日韩