公司网站中eWebEditor转到uEditor的实践

近日排查站点中的广告词时,发现以前所用的ewebeditor编辑器因为版本过旧,已经无法在当前浏览器中使用,编辑文章时内容无法显示,因此打算更新版本。

但是eWebEditor众所周知是一款收费编辑器,且版本很多,虽然有破解版的,但实际使用中还是有很多问题。最后决定使用目前较为流行的开源式编辑器:uEditor,这款编辑器据说是由百度发起的,下载最新asp版本后,开始部署于网站页面。

后台使用中,只有修改文章和发布文章时需要编辑器,所以通过搜索相关教程,经过几天奋战,终于能使用了。

一、修改ueditor的配置文件:ueditor.config.js
1.配置:,initialFrameWidth:'100%'  //初始化编辑器宽度,默认1000 ,此处去掉注释行://,一般填写编辑器宽度数值,如要使用百分比,则需要单引号来使用。

2.加入embed标签的白名单,因为安全考虑,ueditor已经默认禁用embed标签,但考虑到公司网站引用此标签发布了不少视频,所以要添加。
embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play','autoplay','loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'],

3.修改asp目录中的config.json,用以确定编辑器上传目录。
"imagePathFormat": "/upload/image ,有四五个类型目录需要修改。

二、添加ueditor的引用容器代码:
<!-- 加载编辑器的容器 -->
<script id="container" name="body" type="text/plain">
初始化内容
</script>
<!-- 配置文件-->
<script type="text/javascript" src="/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
</script>

将查询到的文章内容放到编辑器容器中即可。

总结:相关查询语句需要修改之前仔细甄别,rs和rsa相差一个字母,为此排错就搞了一天的功夫,另外还有js页面缓存致使修改不生效也是一个问题,尽管无痕模式的浏览器宣称不缓存,但实际上还是要手动删除下缓存的。

 
posted @ 2022-10-28 08:39  帅哥在此  阅读(34)  评论(0编辑  收藏  举报