-
处理taro小程序显示wangeditor内的a标签跳转
Taro.options.html.transformElement = (el) => {
if (el.props.class === 'h5-a') {
el.__handlers.tap = [() => toWebView(el.props.href)]
}
return el
}
- 处理wangeditor富文本内容中图片视频到小程序中展示问题
<view class="rich-content" v-html="replaceImg(code)" />
function replaceImg(code: string) {
return code.replace(/poster="[^"]*"/i, '').replace(/width="[^"]*"/i, 'width="100%"').replace(/height="[^"]*"/i, '').replace(/><source/, '').replace(/type="video\/mp4\/>./, '').replace(/<img/gi, '<img mode="widthFix" ')
}
- 如果富文本中图片与图片直接有白缝,需要把图片元素变成块元素或者给图片一个负的margin-top挤一下,即可解决
img {
display : block ;
width: 100%;
margin-top: -11px;
}