小程序富文本图片云存储（小程序富文本图片处理）

摘要： 本文目录一览：1、uniapp的滚动屏幕时富文本中的问题就缩成一行了2、...

本文目录一览：

• 1、uniapp的滚动屏幕时富文本中的问题就缩成一行了
• 2、微信小程序富文本编辑的图片超出
• 3、uniapp开发微信小程序富文本编辑器(样式仿腾讯文档)
• 4、微信小程序的rich-text(富文本)添加样式

uniapp的滚动屏幕时富文本中的问题就缩成一行了

可能是屏幕定位错误。uni-app实现了一套代码，同时运行到多个平台一套代码，同时运行到苹果模拟器、安卓模拟器、H微信开发者工具、支付宝小程序、百度开发者工具、字节跳动开发者工具、QQ开发者工具（底部8个终端选项卡代表8个终端模拟器）。

这也是为什么在做富文本解析时，仅仅用rich-text组件无法有效还原html内容，在解析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签。因此最好方式是引入市场封装好的富文本解析插件去解析html。

微信小程序富文本编辑的图片超出

最近在小程序项目时候遇到加载的富文本编辑器的图片超出部分小程序宽度 只要是img的标签没有设置宽度导致的。

所以，开发者需要自行权衡在做富文本编辑开发时，是否使用微信自带的editor组件，或者参考腾讯文档小程序采用webview内嵌网页等方式去渲染。小程序富文本编辑器editor初体验：( https：// ) 如果是微信原生开发，将demo组件中的相关dom元素标签和api换成微信原生即可。

如果只是发帖，编辑器功能也不会太复杂。最多就是字的样式、表情再加上图片就可以了。再说小程序才出来不到2年，目前网络上这方面的插件貌似还没有，估计只能自己造轮子了。

微信小程序富文本编辑器内容提交到后台方法如下：在前端页面中，获取富文本编辑器中的内容。可以使用小程序提供的wx.createSelectorQuery()方法结合Node节点操作获取富文本编辑器的内容。将获取到的富文本编辑器的内容转换为符合后台接口要求的格式。

uniapp开发微信小程序富文本编辑器(样式仿腾讯文档)

所以，开发者需要自行权衡在做富文本编辑开发时，是否使用微信自带的editor组件，或者参考腾讯文档小程序采用webview内嵌网页等方式去渲染。小程序富文本编辑器editor初体验：( https：// ) 如果是微信原生开发，将demo组件中的相关dom元素标签和api换成微信原生即可。

当初微信推广 JS SDK 时，是那么地顺其自然，开发者纷纷开始使用，因为对于开发者，只是在他们的 H5 版本上补充一些 API 而已。

微信小程序的rich-text(富文本)添加样式

1、它的样式来自rich-text标签或者其父元素的样式，（当两者都有时候，rich-text的优先级更高）它的样式来自style的样式，这时候 rich-text标签或者其父元素的样式无效，此时若想要改变样式，需要用正则表达式为其添加样式。

2、editor富文本编辑器组件官方文档： https：//developers.weixin.qq.com/miniprogram/dev/component/editor.html 否则会受到小程序css影响。

3、直接在css中加max-width：100%；height：auto； 。

4、最近在小程序项目时候遇到加载的富文本编辑器的图片超出部分小程序宽度 只要是img的标签没有设置宽度导致的。

5、(1)不支持纯HTML uni-app的非H5端里所有的 BOM／DOM 都不能用，也就是说 v-html 指令不能用，可以使用 rich-text组件 代替。或者使用三方组件wxparse，在hello uni-app中有示例。(2)不支持部分复杂的 JavaScript 渲染表达式 非H5端无法支持复杂的 JavaScript 表达式。