帝国7.0整合百度编辑器ueditor (图文)

　　UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码...E8j七七世界-网站建设|UI设计|人资系统|二次开发

　　帝国cms自带的web编辑器是帝国cms自带文本编辑器是fckeditor，用起来效果不太理想。E8j七七世界-网站建设|UI设计|人资系统|二次开发

　　趁着今天有空，我就上网找教程试着把ueditor整合到帝国cms中去：E8j七七世界-网站建设|UI设计|人资系统|二次开发

　　1.下载ueditor安装包，地址：http://ueditor.baidu.com/website/download.html#ueditor，我选择的是ueditor1.2.6.1的php版本。E8j七七世界-网站建设|UI设计|人资系统|二次开发

　　2.解压ueditor压缩包，把文件夹上传到你的网站根目录下的e/data/ecmseditor/。E8j七七世界-网站建设|UI设计|人资系统|二次开发

E8j七七世界-网站建设|UI设计|人资系统|二次开发

　　3.进入帝国cms后台,路径：系统>数据表与系统模型>管理数据表;然后选择下图中被红框框住的管理字段。E8j七七世界-网站建设|UI设计|人资系统|二次开发

E8j七七世界-网站建设|UI设计|人资系统|二次开发

E8j七七世界-网站建设|UI设计|人资系统|二次开发

E8j七七世界-网站建设|UI设计|人资系统|二次开发

　　把下图红框部分的代码换成第7步的代码(记得备份之前的代码，以防万一)E8j七七世界-网站建设|UI设计|人资系统|二次开发

<pre class="brush:php;toolbar:false"><script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.config.js"></script><br/><script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.all.js"></script><br/><script type="text/javascript" charset="utf-8" src="/e/data/ecmseditor/ueditor/lang/zh-cn/zh-cn.js"></script><br/><link rel="stylesheet" href="/e/data/ecmseditor/ueditor/themes/default/ueditor.css"><br/><script type="text/plain" id="myEditor" name="newstext" style="width:99%;height:450px;"> <br/><?=$ecmsfirstpost==1?"":stripSlashes($r[newstext])?> <br/></script><br/><script type="text/javascript"> <br/>var editor = new baidu.editor.ui.Editor(); <br/>editor.render("myEditor"); <br/>editor.classid = <?=$classid?>; <br/>editor.filepass = <?=$filepass?>; <br/></script><br/><table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#DBEAF5"><br/><tr><br/><td bgcolor="#FFFFFF"><br/><input name="dokey" type="checkbox" value="1"<?=$r[dokey]==1?' checked':''?>>关键字替换&nbsp;&nbsp;<br/><input name="copyimg" type="checkbox" id="copyimg" value="1">远程保存图片(<br/><input name="mark" type="checkbox" id="mark" value="1"><a href="SetEnews.php" target="_blank">加水印</a>)&nbsp;&nbsp;<br/><input name="copyflash" type="checkbox" id="copyflash" value="1">远程保存FLASH(地址前缀：<br/><input name="qz_url" type="text" id="qz_url" size="">)<br/></td><br/></tr><br/><tr><br/><td bgcolor="#FFFFFF"><br/><input name="repimgnexturl" type="checkbox" id="repimgnexturl" value="1">图片链接转为下一页&nbsp;&nbsp;<br/><input name="autopage" type="checkbox" id="autopage" value="1">自动分页,每<br/><input name="autosize" type="text" id="autosize" value="5000" size="5">个字节为一页&nbsp;&nbsp; 取第<br/><input name="getfirsttitlepic" type="text" id="getfirsttitlepic" value="" size="1">张上传图为标题图片(<br/><input name="getfirsttitlespic" type="checkbox" id="getfirsttitlespic" value="1">缩略图: 宽<br/><input name="getfirsttitlespicw" type="text" id="getfirsttitlespicw" size="3" value="<?=$public_r[spicwidth]?>">*高<br/><input name="getfirsttitlespich" type="text" id="getfirsttitlespich" size="3" value="<?=$public_r[spicheight]?>">)<br/></td><br/></tr><br/></table><br/></pre>E8j七七世界-网站建设|UI设计|人资系统|二次开发

　　为了能在前台显示代码高亮，必须在内容模板里的head头部加入以下代码。E8j七七世界-网站建设|UI设计|人资系统|二次开发

<link id="syntaxhighlighter_css" href="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css"/> <script src="/e/data/ecmseditor/ueditor/ueditor.parse.js" type="text/javascript"></script>     <script id="syntaxhighlighter_js" src="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCore.js" type="text/javascript"></script>      <script type="text/javascript">     SyntaxHighlighter.all();     </script>E8j七七世界-网站建设|UI设计|人资系统|二次开发