让dedecms的fckEditor引用支持div+css
发布时间：2014-07-20 编辑：jiaochengji.com
让DEDECMS的FCKeditor引用支持DIV+CSS
修改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";
修改为：
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 ，在下面加入以下代码：
quoteString += "<span>以下为引用的内容：</span>rn";
quoteString += "</span>rn";
复制代码 代码如下:
/*---------------内容页:正文引用*/
#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 文件，在里面加入以下代码：
#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;
}
复制代码 代码如下:
/*---------------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;
}
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;
}
最后上传相应的文件到服务器即可。
您可能感兴趣的文章：
[关闭]