如何将wangEditor的Word导入功能改写为支持长尾词的智能生成？

本文共计542个文字，预计阅读时间需要3分钟。

由于工作需求，经常需要将Word文档内容粘贴到编辑器中。但发现Word中的图片粘贴后变成了类似file:///%/%/%/xxxx.jpg的内容，导致上传到服务器后其他人无法访问。网上查找了很多编辑器，但似乎都没有解决这个问题。

由于工作需要必须将word文档内容粘贴到编辑器中使用

但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题​

考虑到自己除了工作其他时间基本上不使用windows，因此打算使用nodejs来解决这一问题​

发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了

找了很久，试用了很多编辑器，发现只有ckeditor的功能还算符合我的需求（支持自定义HTML属性）

然后我写了一个监听粘贴事件的操作，用来获取粘贴之后的file:///xxxx.jpg这种路径

<script>​

varservice = {

'+ _this.config.host +':'+ _this.config.port);

},

//base64

base64_encode :function(file){

varbitmap =this.fs.readFileSync(file);

returnnewBuffer(bitmap).toString('base64');

}

};

service.start();

</script>

将以上代码保存为一个word.js文件

然后执行 node word.js就会自动创建一个/xxxxxx.jpg路径就搞定了

处理word图片批量上传的代码

其它的业务逻辑参数代码

当然也可以将以上代码打包成一个本地执行文件去给不懂电脑的人使用就行了（具体方法我这里就不说了）

前台引用的代码

下面是实现后的效果，能够自动上传Word中的所有图片，并且有进度条显示

所有图片都能够保存在服务器中，而且支持分布式图片存储

编辑器中的图片地址已经全部替换成了服务器的图片地址，其它的用户也能够正常访问

​​​​​