织梦DeDeCms编辑器Fckeditor“引用”样式的修改

2014-10-02dedecms教程
30

    关于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>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缓存,再刷新就解决了。

The End
编辑器

相关推荐

织梦dedecms编辑器添加新功能按钮
我们需要在织梦dedecms编辑器ckeditor添加新功能按钮,要怎么操作呢? 首页打开include/ckeditor/ckeditor.inc.php, 找到自己需要添加的地方,添加按钮名称 比如我需要加个翻译功能, 取名为FanYi ,需要在后台添加,而且不是会员中心什么地方 那就在13行添加...
2021-08-09 dedecms教程
165

DedeCMS添加FLV视频播放支持的方法
DedeCMS默认不支持播放flv视频播放的。 修改方法: 1、打开/include/FCKeditor/editor/dialog/wmd_media.htm 在 if(playtype==rm|| (playtype==- (rurl.indexOf(.rm)0 || rurl.indexOf(.rmvb)0 || rurl.indexOf(.ram)0)) ){revalue = embed src=+ rurl + qu...
2020-07-01 dedecms教程
210

织梦dedecms后台编辑器样式错乱,变为p x="" yle= 的解决办法
跟版网最近在用图集模型建站的时候,新建了一个自定义模型,为HTML文本。建立之后发布完成文档后,点击编辑后,样式竟然全部出现了错乱。如下图所示: 在百度和官方论坛寻找解决办法,但是网站上的办法并不起作用。最后发现问题可能出现在 datalistcp.class....
2017-09-21 dedecms教程
326

怎么将织梦图集模型编辑器改为文章编辑器?
今天跟版网小编在使用织梦图集编辑器的时候发现图集编辑器的功能要比文章的编辑器少很多,发布内容的时候很不好用,比如图片居中,编辑居中等功能,具体不知道官方为何将这个编辑器简化的,我们如何将编辑器改成文章的一样呢? 图集编辑器: 文章编辑器: 修...
2017-08-05 dedecms教程
616

DedeCMS的HTML自定义字段字符被过滤问题
在dedecms后台频道模型增加自定义字段,一般HTML文字编辑器能解决用户编辑问题,当然还包括纯单行或多行文本编辑。但发现dedecms会自动过滤掉某些敏感的字符,比如style样式,百度地图js调用问题。下面主要围绕着两个问题分享一下个人的经验。 HTML文字样式...
2017-04-21 dedecms教程
333

文章内容页图片自动居中,自适应手机,宽度100%
发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题. 这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为100%,或留空不填,高度...
2017-01-04 dedecms教程
1849