• 爱国主义和社会主义两面旗帜的由来 2019-08-21
  • 农村土地权确权将给农民带来什么? 2019-08-21
  • 爱因斯坦是种族主义者?其亚洲日记充满对中国人的偏见 2019-08-18
  • 勿忘赵朴初:新中国复兴佛教第一人 2019-08-18
  • 人民网个人信息保护政策 2019-08-16
  • 广州市荔湾区:基层党建引领老旧社区自治 2019-08-15
  • 不仅保本还承诺年化收益10%!上市公司员工持股计划再现大股东“兜底” 2019-08-14
  • 习近平:决胜全面建成小康社会 夺取新时代中国特色社会主义伟大胜利——在中国共产党第十九次全国代表大会上的报告 2019-08-14
  • 百城住宅库存10个月可清 三、四线库存创9年新低 2019-08-13
  • 上党梆子《太行娘亲》在国家大剧院上演 2019-08-12
  • 学深悟透监察法 提高履职尽责能力 2019-08-12
  • 此种现象如果用【网络语言】来讽刺,就是;【你换了一个马甲,就以为俺不认识你啦?】。。。[调皮] 2019-08-07
  • 美国已经获得了,美国期望的金融开放,其他的美国已经不在乎了。本人早就断定,中美合作奢谈共赢。美国需要的是进入和控制中国,中国需要的是出口创汇。 2019-08-07
  • 从三大视角透视中国经济新活力:经济结构更优 2019-08-05
  • 人民日报评论员:大就要有大的样子 2019-08-05
  • Jquery中文网 码报 www.okkrb.tw
    Jquery中文网 >  建站教程  >  dedecms  >  正文 让dedecms的fckEditor引用支持div+css

    看码报网址谁有:让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

    [关闭]
  • 爱国主义和社会主义两面旗帜的由来 2019-08-21
  • 农村土地权确权将给农民带来什么? 2019-08-21
  • 爱因斯坦是种族主义者?其亚洲日记充满对中国人的偏见 2019-08-18
  • 勿忘赵朴初:新中国复兴佛教第一人 2019-08-18
  • 人民网个人信息保护政策 2019-08-16
  • 广州市荔湾区:基层党建引领老旧社区自治 2019-08-15
  • 不仅保本还承诺年化收益10%!上市公司员工持股计划再现大股东“兜底” 2019-08-14
  • 习近平:决胜全面建成小康社会 夺取新时代中国特色社会主义伟大胜利——在中国共产党第十九次全国代表大会上的报告 2019-08-14
  • 百城住宅库存10个月可清 三、四线库存创9年新低 2019-08-13
  • 上党梆子《太行娘亲》在国家大剧院上演 2019-08-12
  • 学深悟透监察法 提高履职尽责能力 2019-08-12
  • 此种现象如果用【网络语言】来讽刺,就是;【你换了一个马甲,就以为俺不认识你啦?】。。。[调皮] 2019-08-07
  • 美国已经获得了,美国期望的金融开放,其他的美国已经不在乎了。本人早就断定,中美合作奢谈共赢。美国需要的是进入和控制中国,中国需要的是出口创汇。 2019-08-07
  • 从三大视角透视中国经济新活力:经济结构更优 2019-08-05
  • 人民日报评论员:大就要有大的样子 2019-08-05
  • 福彩3d马后炮解太湖字谜 幸运赛车10选6技巧 重庆时时彩历史查询 vr赛设备 新时时彩app下载 彩票开奖36选7查询 不用网络的单机麻将 360彩票导航走势图全 天津时时时间差刷法 上海基诺开奖号