CKEditor4以上版本怎么实现图片粘贴功能,怎么前后台对接(vue与java)?

来自星星的我 发布于 2018/03/20 15:15
阅读 1K+
收藏 0

CKEditor4以上版本怎么实现图片粘贴功能,怎么前后台对接(vue与java)?

加载中
0
红薯
红薯

ckeditor 在初始化的时候有一个配置

imageUploadUrl : '/action/article/editor_upload',

用来指向你服务器端用来处理图片上传的 URL 地址,然后服务器端读取参数名为 upload 的图片流即可

其他的都是 ckeditor 自动帮你完成

来自星星的我
来自星星的我
上传成功后返回的地址替换,是由谁完成或者是由哪个字段控制的不是很明白
0
来自星星的我
来自星星的我

上传成功后返回的地址替换,是由谁完成的呢

0
来自星星的我
来自星星的我

也就是这个url,通过什么属性传递给ckeditor替换截图时的静态图片

0
栗子Stone

自己写一个即可,检测富文本内容是否有变更,如果改变获取其中图片属性img.src,然后发送http请求,到网络上下载图片,转存到本地服务器,并返回地址,并替换富文本编辑器中原有html代码中的img.src属性

栗子Stone
回复 @来自星星的我 : 循环遍历DOM,获取到一个图片src属性就进行上传,上传完成后直接替换本地服务器图片路径,这样就是相对应的了
来自星星的我
来自星星的我
如果是多个截图,你怎么知道是哪一个呢
返回顶部
顶部