建站经验技巧帝国CMS7.2更换Ueditor编辑器的正确步骤

帝国CMS7.2更换Ueditor编辑器的正确步骤

帝国CMS是一款功能强大的建站系统,但是帝国自带的文章编辑器并不是很好用,相比来说,百度的Ueditor编辑器要方便实用的多,下面咱来说说怎么把帝国CMS的编辑器换成Ueditor,首先请点击Ueditor的官方网站http://ueditor.baidu.com/website/download.html下载编辑器php版的最新版本。

下载的时候注意编码和自己的网站编码要一致,下载编辑器后,解压到自己电脑上,打开在帝国目录/e/data/ecmseditor下建立一个文件夹,重命名为ueditor,将刚才解压所得的文件和文件夹全部上传到ueditor这个文件夹里。

帝国cms更换ueditor编辑器.png

登录帝国CMS后台,依次进入【系统】-->【新建表与系统模型】-->【管理数据表】,在右边选择更改自己所用的数据表(例如新闻系统数据表),点击【管理字段】…

帝国cms更换ueditor编辑器2.png

在打开的页面里,查找左侧“字段名”找到新闻正文字段(newstext),点击右边的【修改】……

帝国cms更换ueditor编辑器3.png

在接下来出现的页面中找到【输入表单替换html代码(增加字段时请留空)】这一栏,将原本的代码替换为下方的代码。如果担心出错,请先将原来的代码备份一份保存到记事本中……

<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="0">关键字替换&nbsp;&nbsp;
<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>) 
</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>

经过这样的修改之后,帝国CMS后台的文章编辑器已经成功替换为ueditor了,关于ueditor的工具栏可以自定义自己需要的按钮,只需修改ueditor.config.js里面的toolbars即可,可以只保留常用的一些按钮,例如:

toolbars: [
    [
        'undo', //撤销
        'redo', //重做
        'bold', //加粗
        'indent', //首行缩进
        'italic', //斜体
        'underline', //下划线
        'strikethrough', //删除线
        'source', //源代码
        'blockquote', //引用
        'pasteplain', //纯文本粘贴模式
        'selectall', //全选
        'horizontal', //分隔线
        'removeformat', //清除格式
        'unlink', //取消链接
        'fontfamily', //字体
        'fontsize', //字号
        'paragraph', //段落格式
        'simpleupload', //单图上传
        'insertimage', //多图上传
        'link', //超链接
        'insertvideo', //视频
        'justifyleft', //居左对齐
        'justifyright', //居右对齐
        'justifycenter', //居中对齐
        'justifyjustify', //两端对齐
        'forecolor', //字体颜色
        'backcolor', //背景色
        'pagebreak', //分页
    ]
]

我自己使用的帝国CMS更换ueditor编辑器后经过测试,正常的发布和修改文章,图片的批量上传等都没什么问题。

站长Colin Gao,85后自由职业者,爱钻研,爱学习网页设计。建立本站的目的是整理学习笔记,分享学习经验,认识更多的朋友。感谢您阅读本站的文章,部分内容参考了网上的一些教程,但我会尽量根据自己的理解写更多原创的东西,本站网址如下,欢迎转载:
如果方便的话,转载请注明来自:http://www.flooren.com.cn/website/64.html