帝国CMS 7.0整合百度编辑器UEditor的详细教程
帝国cms7.0整合百度编辑器ueditor教程：首先，下载并解压ueditor插件；然后，将插件文件夹复制到帝国cms的目录下；接着，打开后台管理，找到“系统”-“系统参数设置”，在“附件上传路径”中填写ueditor的上传路径；最后，在需要使用编辑器的地方，插入代码`[!--{field:content/}--]`，即可实现ueditor编辑器的使用。注意：在使用过程中，可能会遇到一些问题，如图片无法上传等，需要根据具体情况进行调整。
帝国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':''?>>关键字替换 <inputname="copyimg"type="checkbox"id="copyimg"value="1">远程保存图片(<inputname="mark"type="checkbox"id="mark"value="1"><ahref="SetEnews.php"target="_blank">加水印</a>) <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">图片链接转为下一页 <inputname="autopage"type="checkbox"id="autopage"value="1">自动分页,每<inputname="autosize"type="text"id="autosize"value="5000"size="5">个字节为一页 取第<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、保存完成
相关专题
