公司网站中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页面缓存致使修改不生效也是一个问题，尽管无痕模式的浏览器宣称不缓存，但实际上还是要手动删除下缓存的。