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

2014-06-04

　　UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码...

　　帝国cms自带的web编辑器是帝国cms自带文本编辑器是fckeditor，用起来效果不太理想。

　　趁着今天有空，我就上网找教程试着把ueditor整合到帝国cms中去：

　　1.下载ueditor安装包，地址：http://ueditor.baidu.com/website/download.html#ueditor，我选择的是ueditor1.2.6.1的php版本。

　　2.解压ueditor压缩包，把文件夹上传到你的网站根目录下的e/data/ecmseditor/。

帝国7.0整合百度编辑器ueditor

　　3.进入帝国cms后台,路径：系统>数据表与系统模型>管理数据表;然后选择下图中被红框框住的管理字段。

　　把下图红框部分的代码换成第7步的代码(记得备份之前的代码，以防万一)

<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':''?>>关键字替换  <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>)  <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">图片链接转为下一页  <br/><input name="autopage" type="checkbox" id="autopage" value="1">自动分页,每<br/><input name="autosize" type="text" id="autosize" value="5000" size="5">个字节为一页   取第<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>

　　为了能在前台显示代码高亮，必须在内容模板里的head头部加入以下代码。

本文关键词：整合百度编辑器编辑器整合

上一篇：帝国6.6到7.0升级步骤及常见问题
下一篇：帝国CMS－管理员密码重置插件