微信小程序使用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)

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-21 17:56:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-21 17:56:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-21 17:56:01       82 阅读
  4. Python语言-面向对象

    2024-04-21 17:56:01       91 阅读

热门阅读

  1. 物联网智能互联创新开发平台

    2024-04-21 17:56:01       38 阅读
  2. uniapp中使用axios在真机运行报错(一)

    2024-04-21 17:56:01       27 阅读
  3. 微服务OR单体架构

    2024-04-21 17:56:01       30 阅读
  4. 微服务面试题

    2024-04-21 17:56:01       37 阅读
  5. 深入解析NPM:常用命令详解与实战示例

    2024-04-21 17:56:01       33 阅读
  6. nodejs常用命令

    2024-04-21 17:56:01       34 阅读
  7. stack queue Leetcode 栈和队列算法题

    2024-04-21 17:56:01       33 阅读
  8. C语言多文件的使用

    2024-04-21 17:56:01       27 阅读