Taro小程序开发随记

  • 处理taro小程序显示wangeditor内的a标签跳转
javascript 复制代码
Taro.options.html.transformElement = (el) => {
  if (el.props.class === 'h5-a') {
    el.__handlers.tap = [() => toWebView(el.props.href)]
  }
  return el
}
  • 处理wangeditor富文本内容中图片视频到小程序中展示问题
html 复制代码
<view class="rich-content" v-html="replaceImg(code)" />
javascript 复制代码
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挤一下,即可解决
css 复制代码
img {
  display : block ; 
  width: 100%;
  margin-top: -11px;
}
相关推荐
Hilaku6 分钟前
都2025年了,我们还有必要为了兼容性,去写那么多polyfill吗?
前端·javascript·css
yangcode12 分钟前
iOS 苹果内购 Storekit 2
前端
LuckySusu12 分钟前
【js篇】JavaScript 原型修改 vs 重写:深入理解 constructor的指向问题
前端·javascript
LuckySusu13 分钟前
【js篇】如何准确获取对象自身的属性?hasOwnProperty深度解析
前端·javascript
LuckySusu17 分钟前
【js篇】深入理解 JavaScript 作用域与作用域链
前端·javascript
LuckySusu17 分钟前
【js篇】call() 与 apply()深度对比
前端·javascript
LuckySusu21 分钟前
【js篇】addEventListener()方法的参数和使用
前端·javascript
该用户已不存在23 分钟前
6个值得收藏的.NET ORM 框架
前端·后端·.net
LuckySusu28 分钟前
【js篇】深入理解 JavaScript 原型与原型链
前端·javascript
文心快码BaiduComate32 分钟前
文心快码入选2025服贸会“数智影响力”先锋案例
前端·后端·程序员