• 傅抱石《琵琶行诗意》1.035亿元成交 2019-12-01
  • 一语惊坛(5月21日):不忘初心,将改革开放进行到底,中国梦一定实现! 2019-11-28
  • 一香港男子携女友泰国自驾游身亡 香港入境处跟进 2019-11-28
  • 注意了!报考这个专业须先参加面试 2019-11-27
  • 一只浣熊都这么努力,你还有什么理由不上进! 2019-11-27
  • 张艺谋玩起艺术与科技的碰撞 现代舞与机械臂齐登场 2019-11-26
  • 《泄密者》佘诗曼出演正义记者 追问学生:我和周秀娜谁漂亮 2019-11-26
  • 东电欲报废福岛第二核电站 开始考虑具体时间表 2019-11-22
  • 惊魂一刻!沙特国家队飞机半空中起火 2019-11-20
  • 感触名家笔下的端午文化 吃香粽原来可以这样"文艺" 2019-11-20
  • 机关党建工作巡礼——长春市直机关“两锋(风)行动” 2019-11-18
  • 《国家人文历史》杂志社荣膺“中国妇女儿童慈善奖” 2019-11-18
  • 高原净土·大美青海--旅游频道 2019-11-17
  • 晋中市直机关将开展纪念建党97周年“红色+”系列活动 2019-11-13
  • 土地是自然存在的地球的一部分,不是人类劳动成果,正如“深山老林”是自然存在的地球的一部分,不是人类劳动成果一样。懂吗? 2019-11-13
  • Jquery中文网 码报 www.okkrb.tw
    Jquery中文网 >  建站教程  >  dedecms  >  正文 让dedecms的fckEditor引用支持div+css

    码报资料92:让dedecms的fckEditor引用支持div+css

    发布时间:2014-07-20   编辑:码报 www.okkrb.tw
    让DEDECMS的FCKeditor引用支持DIV+CSS

    码报 www.okkrb.tw          修改DEDECMS的FCKeditor中的引用功能,将通过Table来实现,修改改为通过div+css来实现,使其更符合xhtml标准,而且使代码更少,更方便修改风格。

              首先打开目录FCKeditoreditorjs下的fckeditorcode_ie_2.js文件,找到代码:
    复制代码 代码如下:
    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";
     
    修改为:
    复制代码 代码如下:
      var quoteString = "<span class='quote'>rn";
      quoteString += "<span>以下为引用的内容:</span>rn";
      quoteString += "</span>rn";
     
            为了使用更少的代码,我们把CSS代码放到网页中,这样就不会每引用一次就要加入重复的CSS,首先打开文章页面的CSS文件,假设为article.css,文章正文部分包含在ID content中,找到#content ,在下面加入以下代码:
    复制代码 代码如下:
    /*---------------内容页:正文引用*/
    #content span.quote {
    width:92%;
    display:block;
    padding:3px 10px;
    margin:10px auto;
    background:#FDFDDF;
    border:1px #cccccc dotted;
    }
    #content span.quote span {
    color:#FF0000;
    display:block;
    }
    然后为了实现可视化编辑,还需要再打开 FCKeditoreditorcss 目录下的 fck_editorarea.css 文件,在里面加入以下代码:
    复制代码 代码如下:
    /*---------------FCKeditor编辑预览*/
    span.quote {
    width:92%;
    display:block;
    padding:3px 10px;
    margin:10px auto;
    background:#FDFDDF;
    border:1px #cccccc dotted;
    }
    span.quote span {
    color:#FF0000;
    display:block;
    }

    最后上传相应的文件到服务器即可。

    您可能感兴趣的文章:
    让dedecms的fckEditor引用支持div+css
    FCKEditor的jQuery插件 jEditor
    JQuery Dialog(JS 模态窗口,可拖拽的DIV)
    FCKEditor的jQuery插件 jEditor
    10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
    为帝国下载V2.5 增加FCKeditor编辑器的方法
    dedecms中tag列表按最新发布时间排序的解决方法
    dedecms目录执行php脚本的限制方法
    dedecms其他页面调用单页文章内容的方法
    帝国cms6.5整合fckEditor与syntaxhighlight

    [关闭]
  • 傅抱石《琵琶行诗意》1.035亿元成交 2019-12-01
  • 一语惊坛(5月21日):不忘初心,将改革开放进行到底,中国梦一定实现! 2019-11-28
  • 一香港男子携女友泰国自驾游身亡 香港入境处跟进 2019-11-28
  • 注意了!报考这个专业须先参加面试 2019-11-27
  • 一只浣熊都这么努力,你还有什么理由不上进! 2019-11-27
  • 张艺谋玩起艺术与科技的碰撞 现代舞与机械臂齐登场 2019-11-26
  • 《泄密者》佘诗曼出演正义记者 追问学生:我和周秀娜谁漂亮 2019-11-26
  • 东电欲报废福岛第二核电站 开始考虑具体时间表 2019-11-22
  • 惊魂一刻!沙特国家队飞机半空中起火 2019-11-20
  • 感触名家笔下的端午文化 吃香粽原来可以这样"文艺" 2019-11-20
  • 机关党建工作巡礼——长春市直机关“两锋(风)行动” 2019-11-18
  • 《国家人文历史》杂志社荣膺“中国妇女儿童慈善奖” 2019-11-18
  • 高原净土·大美青海--旅游频道 2019-11-17
  • 晋中市直机关将开展纪念建党97周年“红色+”系列活动 2019-11-13
  • 土地是自然存在的地球的一部分,不是人类劳动成果,正如“深山老林”是自然存在的地球的一部分,不是人类劳动成果一样。懂吗? 2019-11-13
  • 时时彩老时时彩 辽宁十一选五开奖号20180808 篮球让分胜负赔率变化 黑龙江6十1 河北11选5投注技巧 全讯网香港赛马会 幸运彩票网址 内蒙古快三开奖 南通五人斗地主三副牌 欢乐生肖重庆时时彩开奖走势图