广

织梦CMS教程

  • 帝国cms教程
  • 织梦CMS教程
  • PHP CMS教程
  • ECSHOP教程
  • WordPress教程
  • Discuz教程
  • CMS学习

    DEDECMS后台编辑器"引用"按钮风格样式的修改方法

    2018-04-02 20:46:05 次阅读 稿源:互联网
    广告

    关于Fckeditor,大家并不陌生,多个互联网软件中都在使用它,它是一款非常强大的编辑器,近年来被站长使用火热的Dedecms的默认编辑器也是Fckeditor,关于修改和增加Fckeditor的功能问题,笔者已经发过很多相关文章,如:给dedecms的fckeditor增加可运行代码功能。今天笔者要说的是如何修改“引用”的显示样式,就是,知道这一个功能如何修改,其它的您也就明白了。

    因为在dedecms默认的编辑器引用是表格样式的,默认底色为浅黄色(#FDFDDF),引用的标题为红色,名称是“以下为引用的内容”,可以说这是dedecms的一大标志,如果别人访问你的网站,看到这样的引用样式,就明白你用的是dedecms了。其实这都是次要的,最主要的是默认的样式与您的网站主题是否融洽的问题,以下就将修改的方法公布出来(高手请路过)。

    修改方法如下:

    一。打开dede安装目录下的 这个就是DEDE的编辑器目录

    二。找到代码:

    1. if(this.InsertHtml=='quote'

    三。将以下代码改成你想的样式 

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

     

    三。将以下代码改成你想的样式

    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>";  
    2. quoteString += "<tr><td style='word-wrap: break-word' bgcolor='#fdfddf'><font color='#FF0000'>以下为引用的内容:</font><br>"
    3. quoteString += "</td></tr></table>"

     

    四。推荐的样式(DIV+CSS,其中的颜色,自己修改就可以了) 

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


    五。修改完毕,将修改的文件上传至网站空间覆盖原文件即可。如果打开编辑器插入的样式没有改变,清除IE缓存,再刷新就解决了。

     

     

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    广告
    广告
    广告