您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

dede织梦编辑器Fckeditor引用样式的修改方法

晓霜2024-02-02DedeCMS教程已有人查阅

导读关于Fckeditor,大家并不陌生,多个互联网软件中都在使用它,它是一款非常强大的编辑器,近年来被站长使用火热的Dedecms的默认编辑器也是F

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

本文标签:

很赞哦! ()

相关教程

相关源码

  • (自适应响应式)HTML5幕墙装饰工程建筑装修公司pbootcms模板下载基于PbootCMS开发的响应式模板,为幕墙工程、建筑装饰企业设计,通过数字化展示提升企业专业形象与项目展示能力。结构化数据标记增强项目案例收录,智能URL路由优化,支持每个工程案例独立设置关键词与描述查看源码
  • Wordpress博客新闻主题在线商店平台betheme 21.5.6版BeTheme是一款功能丰富的WordPress主题模板,专注于为各行业提供网站建设解决方案。该模板支持WooCommerce电子商务功能,能够快速搭建在线商店平台,同时适用于博客、新闻资讯类网站建设。自2014年发布以来,该模板已经获得大量用户的使用验证。查看源码
  • (自适应)互联网建站网络公司个人工作室网站模板基于PbootCMS内核开发,围绕「技术方案展示」「成功案例库」「服务流程说明」三大模块构建,支持PC与移动端数据实时同步。附带包含客户评价、行业解决方案的完整测试数据包查看源码
  • (自适应响应式)环保水净化处理设备阀门等网站源码下载基于PbootCMS内核开发的响应式模板,为水处理设备、空气净化器等环保企业设计,自适应手机端浏览。通过简洁高效的后台管理系统,助力环保科技企业快速建立专业在线展示平台。查看源码
  • 帝国CMS7.5养生生活健康网模板完整带会员中心可封装APP本套模板为生活服务类网站设计,适用于两性健康、减肥瘦身、生活资讯等领域。采用帝国CMS7.5核心开发,结构清晰合理,视觉体验舒适,能够有效满足相关行业的建站需求。查看源码
  • 帝国cms7.5手游评测资讯礼包合集游戏专区下载网站模板本模板基于帝国CMS系统开发,为手游门户网站设计。支持PC端与移动端同步生成HTML静态页面,内置多端同步生成功能。模板架构针对手业特点优化,满足APP下载、游戏资讯、攻略等内容发布需求。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐