帝国CMS添加百度富文本编辑器ueditor
下载插件官方地址:http://ueditor.baidu.com/website/download.html 上传至服务器下载UEditor PHP版本,本次安装以1.4.3.3 PHP 版本为例。下载后解压,将文件夹名改为ueditor,然
下载插件
官方地址:http://ueditor.baidu.com/website/download.html
上传至服务器
下载UEditor PHP版本,本次安装以1.4.3.3 PHP 版本为例。下载后解压,将文件夹名改为ueditor,然后上传到服务器,放在帝国CMS文件夹e\data\ecmseditor\目录下
帝国CMS配置
进入帝国CMS后台,依次点击【系统】 >>> 【数据表与系统模型】>>>【管理数据表】
找到相应的数据表,点击【管理字段】,在弹出的新窗口内找到字段名【newstext】,然后点击此行的【修改】
找到【输入表单替换html代码】
先将原来的文本内容备份一下,以免莫名其妙的问题导致安装失败而不好还原。
<?=ECMS_ShowEditorVar("newstext",$ecmsfirstpost==1?"":stripSlashes($r[newstext]),"Default","","300","100%")?> <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#DBEAF5"> <tr> <td bgcolor="#FFFFFF"> <input name="dokey" type="checkbox" value="1"<?=$r[dokey]==1?' checked':''?>>关键字替换 <input name="copyimg" type="checkbox" id="copyimg" value="1">远程保存图片( <input name="mark" type="checkbox" id="mark" value="1"> <a href="SetEnews.php<?=$ecms_hashur[whehref]?>" target="_blank">加水印</a>) <input name="copyflash" type="checkbox" id="copyflash" value="1">远程保存FLASH(地址前缀: <input name="qz_url" type="text" id="qz_url" size="">) </td> </tr> <tr> <td bgcolor="#FFFFFF"> <input name="repimgnexturl" type="checkbox" id="repimgnexturl" value="1"> 图片链接转为下一页 <input name="autopage" type="checkbox" id="autopage" value="1">自动分页,每 <input name="autosize" type="text" id="autosize" value="5000" size="5">个字节为一页 取第 <input name="getfirsttitlepic" type="text" id="getfirsttitlepic" value="" size="1">张上传图为标题图片( <input name="getfirsttitlespic" type="checkbox" id="getfirsttitlespic" value="1">缩略图: 宽 <input name="getfirsttitlespicw" type="text" id="getfirsttitlespicw" size="3" value="<?=$public_r[spicwidth]?>">*高 <input name="getfirsttitlespich" type="text" id="getfirsttitlespich" size="3" value="<?=$public_r[spicheight]?>">) </td> </tr> </table>
将下面的代码替换进去:
<script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.config.js"></script> <script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.all.js"></script> <script type="text/javascript" charset="utf-8" src="/e/data/ecmseditor/ueditor/lang/zh-cn/zh-cn.js"></script> <link rel="stylesheet" href="/e/data/ecmseditor/ueditor/themes/default/ueditor.css"> <script type="text/plain" id="myEditor" name="newstext" style="width:100%;height:450px;"> <?=$ecmsfirstpost==1?"":stripSlashes($r[newstext])?> </script> <script type="text/javascript"> var editor = new baidu.editor.ui.Editor(); editor.render("myEditor"); editor.classid = <?=$classid?>; editor.filepass = <?=$filepass?>; </script> <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#DBEAF5"> <tr> <td bgcolor="#FFFFFF"> <input name="dokey" type="checkbox" value="1"<?=$r[dokey]==1?' checked':''?>>关键字替换 <input name="copyimg" type="checkbox" id="copyimg" value="1">远程保存图片( <input name="mark" type="checkbox" id="mark" value="1"><a href="SetEnews.php" target="_blank">加水印</a>) <input name="copyflash" type="checkbox" id="copyflash" value="1">远程保存FLASH(地址前缀: <input name="qz_url" type="text" id="qz_url" size="">) </td> </tr> <tr> <td bgcolor="#FFFFFF"> <input name="repimgnexturl" type="checkbox" id="repimgnexturl" value="1">图片链接转为下一页 <input name="autopage" type="checkbox" id="autopage" value="1">自动分页,每 <input name="autosize" type="text" id="autosize" value="5000" size="5">个字节为一页 取第 <input name="getfirsttitlepic" type="text" id="getfirsttitlepic" value="" size="1">张上传图为标题图片( <input name="getfirsttitlespic" type="checkbox" id="getfirsttitlespic" value="1">缩略图: 宽 <input name="getfirsttitlespicw" type="text" id="getfirsttitlespicw" size="3" value="<?=$public_r[spicwidth]?>">*高 <input name="getfirsttitlespich" type="text" id="getfirsttitlespich" size="3" value="<?=$public_r[spicheight]?>">) </td> </tr> </table>
点击提交。
下面就可以写一篇文章试下效果。
如果代码语言没有高亮显示,需要在内容模板中加入以下代码
<link href="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <script type="text/javascript"> SyntaxHighlighter.all(); </script>
参考:https://www.jiagou1216.com/life/diary/480.html
注意事项
1、如果需要修改编辑器的尺寸,在上面的代码内找到〖style="width:100%;height:450px;"〗进行修改即可。
2、如果是自定义模型或改过模型,字段名不叫〖newstext〗的话,请把上面代码里面所有的〖newstext〗改成你的字段名(一共两处),否则会无法使用。
3、这样一次修改,只能针对一张数据表,如果有多张数据表,请每个都要修改。
4、UEditor的版本一定要和帝国CMS相同,否则会出现乱码。也就是说,都用GBK或者都用UTF-8。
5、这是最简单的整合方法,还有更多扩展应用,可以参看UEditor官网文档。
很赞哦! (
)