帝国cms7.0整合百度编辑器ueditor教程开始

 

 

1、根据自己使用的帝国cms版本编码下载对应的ueditor版本

下载地址 http://ueditor.baidu.com/website/download.html#ueditor

2、解压附件，重命名为”ueditor“，将”ueditor“文件夹上传至帝国cms的/e/data/ecmseditor/下

3、进入帝国CMS后台，依次点击：系统 - 新建表与系统模型 - 管理数据表 - 管理字段，修改字段输入表单

4、修改”newstext 新闻正文“字段

5、将以下代码，覆盖到”输入表单替换HTML代码“处

<scripttype="text/javascript"src="/e/data/ecmseditor/ueditor/ueditor.config.js"></script><scripttype="text/javascript"src="/e/data/ecmseditor/ueditor/ueditor.all.js"></script><linkrel="stylesheet"href="/e/data/ecmseditor/ueditor/themes/default/ueditor.css"><scripttype="text/plain"id="myEditor"name="newstext"><?=$ecmsfirstpost==1?"":stripSlashes($r[newstext])?></script><scripttype="text/javascript">vareditor=newbaidu.editor.ui.Editor();editor.render("myEditor");editor.classid=<?=$classid?>;editor.filepass=<?=$filepass?>;</script><tablewidth="100%"border="0"cellpadding="3"cellspacing="1"bgcolor="#DBEAF5"><tr><tdbgcolor="#FFFFFF"><inputname="dokey"type="checkbox"value="1"<?=$r[dokey]==1?'checked':''?>>关键字替换&nbsp;&nbsp;<inputname="copyimg"type="checkbox"id="copyimg"value="1">远程保存图片(<inputname="mark"type="checkbox"id="mark"value="1"><ahref="SetEnews.php"target="_blank">加水印</a>)&nbsp;&nbsp;<inputname="copyflash"type="checkbox"id="copyflash"value="1">远程保存FLASH(地址前缀：<inputname="qz_url"type="text"id="qz_url"size="">)</td></tr><tr><tdbgcolor="#FFFFFF"><inputname="repimgnexturl"type="checkbox"id="repimgnexturl"value="1">图片链接转为下一页&nbsp;&nbsp;<inputname="autopage"type="checkbox"id="autopage"value="1">自动分页,每<inputname="autosize"type="text"id="autosize"value="5000"size="5">个字节为一页&nbsp;&nbsp;取第<inputname="getfirsttitlepic"type="text"id="getfirsttitlepic"value=""size="1">张上传图为标题图片(<inputname="getfirsttitlespic"type="checkbox"id="getfirsttitlespic"value="1">缩略图:宽<inputname="getfirsttitlespicw"type="text"id="getfirsttitlespicw"size="3"value="<?=$public_r[spicwidth]?>">*高<inputname="getfirsttitlespich"type="text"id="getfirsttitlespich"size="3"value="<?=$public_r[spicheight]?>">)</td></tr></table>

6、帝国CMS百度编辑器整合完成，其他模型整合同理。

 

 

帝国CMS前台显示代码高亮教程。将以下代码复制到要显示代码高亮的页面。

<scriptsrc="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCore.js"type="text/javascript"></script><linkrel="stylesheet"href="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"><scripttype="text/javascript">SyntaxHighlighter.all();</script>

 

 

最后在加一条解决百度编辑器代码高亮不换行的BUG

1、找到高亮代码显示的css文件 /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css

2、搜索

width:100%!important;margin:.3em0.3em0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1pxsolid#ccc!important;

3、替换成以下代码

width:100%!important;margin:.3em0.3em0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1pxsolid#ccc!important;word-break:break-all;

4、保存完成