架构师

您现在的位置是:首页 > 程序人生 > 闲庭信步

闲庭信步

帝国CMS添加百度富文本编辑器ueditor

架构师小跟班 2019-08-21闲庭信步
下载插件官方地址: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':''?>>关键字替换&nbsp;&nbsp; 
<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>)&nbsp;&nbsp; 
<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"> 图片链接转为下一页&nbsp;&nbsp; 
<input name="autopage" type="checkbox" id="autopage" value="1">自动分页,每 
<input name="autosize" type="text" id="autosize" value="5000" size="5">个字节为一页&nbsp;&nbsp; 取第 
<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':''?>>关键字替换&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>)&nbsp;&nbsp;
<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">图片链接转为下一页&nbsp;&nbsp;
<input name="autopage" type="checkbox" id="autopage" value="1">自动分页,每
<input name="autosize" type="text" id="autosize" value="5000" size="5">个字节为一页&nbsp;&nbsp; 取第
<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官网文档。

文章评论