首页 > 电脑专区 > CMS教程 > 帝国cms >

帝国CMS如何整合百度编辑器UEditor

来源:互联网 2023-03-14 19:31:45 版权归原作者所有,如有侵权,请联系我们

帝国CMS的编辑器实在烂到不可理喻,最新IE和GoogleChrome都不再支持。因为一个小小的编辑器就换整个系统不现实,但编辑器不好用确实非常糟糕。所以现在就手动来整合一个超级好用的百度编辑器UEditor。JfY办公区 - 实用经验教程分享!

帝国CMS如何整合百度编辑器UEditorJfY办公区 - 实用经验教程分享!

工具/原料

<p>UEditor PHP版本&nbsp;http://ueditor.baidu.com/website/download.html</p>

方法/步骤

1

下载UEditor PHP版本,这里以1.3.6为例。JfY办公区 - 实用经验教程分享!

下载后解压,将文件夹名改为ueditor。JfY办公区 - 实用经验教程分享!

接着,上传到服务器,帝国CMS文件夹edataecmseditor目录下。JfY办公区 - 实用经验教程分享!

2

进入帝国CMS后台,点击顶部【系统】JfY办公区 - 实用经验教程分享!

再点击左侧【数据表与系统模型】改痕著>>>【管理数据表】JfY办公区 - 实用经验教程分享!

然后右侧找到相应的数据表,点击【管理字段】JfY办公区 - 实用经验教程分享!

在弹出游霸的新窗口内找到字段名〖newstext〗,然后点击此行的【修改】JfY办公区 - 实用经验教程分享!

找到侵爹〖输入表单替换html代码〗。JfY办公区 - 实用经验教程分享!

帝国CMS如何整合百度编辑器UEditorJfY办公区 - 实用经验教程分享!

3

将右侧的代码全部删除,复制下面的代码到框内,然后点【提交】。JfY办公区 - 实用经验教程分享!

<script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.config.js"></script>JfY办公区 - 实用经验教程分享!

<script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.all.js"></script>JfY办公区 - 实用经验教程分享!

<script type="text/javascript" charset="utf-8" src="/e/data/ecmseditor/ueditor/lang/zh-cn/zh-cn.js"></script>JfY办公区 - 实用经验教程分享!

<link rel="stylesheet" href="/e/data/ecmseditor/ueditor/themes/default/ueditor.css">JfY办公区 - 实用经验教程分享!

<script type="text/plain" id="myEditor" name="newstext" style="width:99%;height:450px;">JfY办公区 - 实用经验教程分享!

<?=$ecmsfirstpost==1?"":stripSlashes($r[newstext])?>JfY办公区 - 实用经验教程分享!

</script>JfY办公区 - 实用经验教程分享!

<script type="text/javascript">JfY办公区 - 实用经验教程分享!

var editor = new baidu.editor.ui.Editor();JfY办公区 - 实用经验教程分享!

editor.render("myEditor");JfY办公区 - 实用经验教程分享!

editor.classid = <?=$classid?>;JfY办公区 - 实用经验教程分享!

editor.filepass = <?=$filepass?>;JfY办公区 - 实用经验教程分享!

</script>JfY办公区 - 实用经验教程分享!

<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#DBEAF5">JfY办公区 - 实用经验教程分享!

<tr>JfY办公区 - 实用经验教程分享!

<td bgcolor="#FFFFFF">JfY办公区 - 实用经验教程分享!

<input name="dokey" type="checkbox" value="1"<?=$r[dokey]==1?' checked':''?>>关键字替换&nbsp;&nbsp;JfY办公区 - 实用经验教程分享!

<input name="copyimg" type="checkbox" id="copyimg" value="1">远程保存图片(JfY办公区 - 实用经验教程分享!

<input name="mark" type="checkbox" id="mark" value="1"><a href="SetEnews.php" target="_blank">加水印</a>)&nbsp;&nbsp;JfY办公区 - 实用经验教程分享!

<input name="copyflash" type="checkbox" id="copyflash" value="1">远程保存FLASH(地址前缀:JfY办公区 - 实用经验教程分享!

<input name="qz_url" type="text" id="qz_url" size="">)JfY办公区 - 实用经验教程分享!

</td>JfY办公区 - 实用经验教程分享!

</tr>JfY办公区 - 实用经验教程分享!

<tr>JfY办公区 - 实用经验教程分享!

<td bgcolor="#FFFFFF">JfY办公区 - 实用经验教程分享!

<input name="repimgnexturl" type="checkbox" id="repimgnexturl" value="1">图片链接转为下一页&nbsp;&nbsp;JfY办公区 - 实用经验教程分享!

<input name="autopage" type="checkbox" id="autopage" value="1">自动分页,每JfY办公区 - 实用经验教程分享!

<input name="autosize" type="text" id="autosize" value="5000" size="5">个字节为一页&nbsp;&nbsp; 取第JfY办公区 - 实用经验教程分享!

<input name="getfirsttitlepic" type="text" id="getfirsttitlepic" value="" size="1">张上传图为标题图片(JfY办公区 - 实用经验教程分享!

<input name="getfirsttitlespic" type="checkbox" id="getfirsttitlespic" value="1">缩略图: 宽JfY办公区 - 实用经验教程分享!

<input name="getfirsttitlespicw" type="text" id="getfirsttitlespicw" size="3" value="<?=$public_r[spicwidth]?>">*高JfY办公区 - 实用经验教程分享!

<input name="getfirsttitlespich" type="text" id="getfirsttitlespich" size="3" value="<?=$public_r[spicheight]?>">)JfY办公区 - 实用经验教程分享!

</td>JfY办公区 - 实用经验教程分享!

</tr>JfY办公区 - 实用经验教程分享!

</table>JfY办公区 - 实用经验教程分享!

小贴士

如果需要修改编辑器的尺寸,在上面的代码内找到〖style="width:99%;height:450px;"〗进行修改即可。JfY办公区 - 实用经验教程分享!

举例:宽600像素,高500像素,则style="width:600px;height:500px;"JfY办公区 - 实用经验教程分享!

如果是自定义模型或改过模型,字段名不叫〖newstext〗的话,请把上面代码里面所有的〖newstext〗改成你的字段名(一共两处),否则会无法使用。JfY办公区 - 实用经验教程分享!

这样一次修改,只能针对一张数据表,如果有多张数据表,请每个都要修改。JfY办公区 - 实用经验教程分享!

注意事项

UEditor的版本一定要和帝国CMS相同,否则会出现乱码。也就是说,都用GBK或者都用UTF-8。JfY办公区 - 实用经验教程分享!

这是最简单的整合方法,还有更多扩展应用,可以参看UEditor官网文档JfY办公区 - 实用经验教程分享!

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!JfY办公区 - 实用经验教程分享!


标签:

办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号