首页 > 织梦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%的其他从业者!

优秀教程