微信小程序使用we-rich的一些修改和兼容富文本编辑器

  1. 不支持转换s标签,可在supportTags数组内添加后和识别
  2. 不支持style,class,src以外的属性,可在if (key === ‘style’ || key === ‘class’ || key === ‘src’)后增加key === ‘width’|| key === ‘height’,这样可以兼容富文本编辑器中图片行内样式设置的宽高
function formatAttributes(attributes) {
  var attrs = {};
  attributes.map(function (attribute) {
    var parts = splitHead(attribute.trim(), '=');
    var key = parts[0];
    var value = typeof parts[1] === 'string' ? unquote(parts[1]) : null;
    if (key === 'style' || key === 'class' || key === 'src'|| key === 'width'|| key === 'height') {
      attrs[key] = value;
    }
    return { key: key, value: value };
  });
  return attrs;
}
  1. 添加node节点属性
  data.showRich = weRich.parse(data.Content)
        function setImgWidth(arr){
          arr.map(item=>{
            if(item.children&&Array.isArray(item.children)){
              setImgWidth(item.children)
            }
            if(item.name=="img"){
              //添加node节点属性
              item.attrs.class="content-img"
            }
          })
        }
        setImgWidth(data.showRich)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值