网站首页 > 基础教程 正文
需求:项目用的是VUE2,VUE3,编辑器用的是wangEditor3,wangEditor4,需要支持在wangEditor编辑器中粘贴word图文内容,粘贴后图片自动上传到指定服务器中,支持自定义服务器接口地址,粘贴后保留文字样式格式,比如文字字体,字体大小,字体颜色。支持快捷键操作(Ctrl+V)
完整示例
https://gitee.com/xproer/wordpaster-vue-wang-editor
1.复制插件文件
安装jquery
npm install jquery
2.导入组件
初始化WordPaster组件
测试前请配置图片上传接口并测试成功
接口测试:http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5
接口返回JSON格式参考:
http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
为wangEditor编辑器添加按钮
整合效果:
猜你喜欢
- 2024-10-12 HTML编辑器从WORD复制粘贴图片 html复制粘贴快捷键
- 2024-10-12 一文讲解关于jQuery语法 jquery的语法
- 2024-10-12 19、深拷贝浅拷贝的区别?如何实现一个深拷贝?
- 2024-10-12 14个jQuery 实时搜索插件,用了都说好!
- 2024-10-12 如何复制WORD的图文到富文本框编辑器中自动上传
- 2024-10-12 提高Web开发速度技巧 提高web开发速度技巧是什么
- 2024-10-12 不要被误导了:JavaScript深拷贝的5种方法
- 2024-10-12 AJAX with JSP使用jQuery示例 简要说明jquery中的ajax方法使用
- 2024-10-12 碎片时间学编程「14」:如何在 JavaScript 中克隆对象?
- 2024-10-12 30、jQuery 的属性拷贝的实现原理是什么,如何实现深浅拷贝?
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)