pikou1995 / pikou1995.github.io

My Github Page

4 stars 1 forks source link

微信小程序rich-text组件的一些坑 #1

Open pikou1995 opened 6 years ago

pikou1995 commented 6 years ago

建议: rich-text使用很方便, 但是如果时间允许, 不建议使用string的node, 或者自己转换成array的node. 因为string内容一旦出错, 就会不显示. 所以每次上传要自己确认一下能否正常显示.

1. HTML Entity "\“" is not supported.

关键词 HTML Special Entities 经过验证"\",\&,\<,\>,\ ,\ ,\ "等是内置支持的。但其他常用的，以自己为例"\“,\”"会报错。我的解决方法是在小程序端替换一下，方法如下：

const fixupHTMLEntity = function(str) {
  return str.replace(/&ldquo;/g, '“').replace(/&rdquo;/g, '”')
}

2. 图片<img> 会超出边界

解决方法: 在富文本中插入图片的时候就加入style="max-width: 100%;"