![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
無名356
666
展开
-
小程序 rich-text 标签解析图片过大的问题解决
定义一个处理数据的函数,data 参数就是后端返回的数据,通过字符串的替换方法来修改内联样式,然后将新的数据返回出去,在小程序异步请求的回调函数中调用这个方法就可以获取处理后的数据,然后再渲染数据就可以了。产生问题的原因就是通过此标签的样式不能使用 css 样式。因为数据直接解析,那么我们可以修改或者处理这个数据来解决问题。解决方法,通过修改数据中的文本内容中的img标签的内联样式来实现。原创 2022-12-13 10:15:59 · 916 阅读 · 0 评论 -
vue-quill-editor 文本内容的图片回显在前台小程序上的实现
理论上这样做可以了,但是默认上传给服务器存储的却是 base64 格式的图片地址,这样图片太大的话会存入数据库失败,且我们需要后端的上传接口返回一个图片的 url 作为存储较为合适。res.url 是后端返回的图片的 url 地址,这样存储给编辑器中,然后发布文章的时候,就会将此 url 存储在数据库中。推荐使用 elmentui 中的 upload 的组件配合此富文本编辑器使用。原理是点击富文本编辑器上的图片上传按钮,触发 el 的上传组件。使用此方法必须配置编辑器中的工具栏项目。原创 2022-12-13 10:09:28 · 1327 阅读 · 0 评论