松鼠的博客

导航

2023年12月27日 #

TinyMCE富文本编辑器粘贴图片自动上传问题解决

摘要: TinyMCE 编辑器支持粘贴图片,但是自动会将图片转换成 base64 编码,这样将内容提交到后台,数据会很大。 图 | TinyMCE 本文内容配置TinyMCE(版本:5.10.0)向编辑器中粘贴图片自动上传到后台,以下为配置代码: tinymce.init({ selector: '#tex 阅读全文

posted @ 2023-12-27 19:04 Xproer-松鼠 阅读(256) 评论(0) 推荐(0) 编辑

UEditor富文本编辑器图片粘贴和上传问题

摘要: 项目引入的是UEditor富文本编辑器,由于安全(把攻击脚本伪造成图片)和图片大小(base64格式的图片可能会太大)的原因,用户输入的图片都要先发送给后端,然后拿到后端的链接赋值给image标签的src属性。 这里有两种处理办法:第一种:在ueditor.config.js里面的window.UE 阅读全文

posted @ 2023-12-27 17:29 Xproer-松鼠 阅读(249) 评论(0) 推荐(0) 编辑

vue项目中使用tinymce富文本编辑器实现图片上传/粘贴格式

摘要: 前言最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍,于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较UEditor:基本满足各种需求,依赖于jquery但是已经不再维护了,实现上传图片等需要修改源码,界面 阅读全文

posted @ 2023-12-27 15:57 Xproer-松鼠 阅读(494) 评论(0) 推荐(0) 编辑

富文本编辑器复制word文档中的图片

摘要: 文章有点长,感觉每次写文章都特别啰嗦,如果不想看过程的话直接跳到*动手实践那一步,那边有核心的方法~ 富文本编辑器复制 word 文档中的图片问题点:从 word 文档复制进来的内容的图片都是 file:/// 协议,这时候如果我们的页面是 http://或者 https:// 协议的话,就不允许读 阅读全文

posted @ 2023-12-27 14:24 Xproer-松鼠 阅读(479) 评论(0) 推荐(0) 编辑

富文本编辑器:自己实现图片上传功能和图片粘贴上传(kindeditor)

摘要: 在需要编写并保存带有各种格式,图片的文章内容时,往往需要用到富文本编辑器,这次使用到的富文本编辑器是kindeditor,使用下来功能基本足够,在这里记录下在使用时自己添加的功能。 kindeditor自带有图片上传功能,由于几个原因我需要自己实现一下。 (一)用的vue,自然是写一个<kinded 阅读全文

posted @ 2023-12-27 10:32 Xproer-松鼠 阅读(240) 评论(0) 推荐(0) 编辑