收藏
回答

rich-text 富文本组件自定义的nodes如何修改?

rich-text 富文本组件自定义的nodes如何修改?

自定义nodes模块

const imgGrid = function () {
  const obj = {
    name: 'p',
    attrs: {
      class: 'rich-grid-2'
    },
    children: [
      {
        name: 'div',
        attrs: {
          class: 'img-grid'
        },
        children: [
          {
            name: 'img',
            attrs: {
              class: 'img-case',
              src: ''
            }
          }
        ]
      }, {
        name: 'div',
        attrs: {
          class: 'img-grid'
        },
        children: [
          {
            name: 'img',
            attrs: {
              class: 'img-case',
              src: ''
            }
          }
        ]
      }, {
        name: 'div',
        attrs: {
          class: 'grid-icon'
        },
        children: [
          {
            type: 'text',
            text: 'Vs'
          }
        ]
      }
    ]
  };
  return obj
};

export { imgGrid }


js

onLoad: function (options) {
    let imgGrid2 = imgGrid();
    imgGrid2.children[0].children[0].attrs.src = '';
    imgGrid2.children[1].children[0].attrs.src = '';
    const h2 = header_h2();
    const text = content();
    h2.children[0].text = '智商税征收机';
    text.children[0].text = '智商税征收机';
    const text2 = text;
    const h3 = h2
    this.setData({
      nodes: [...this.data.nodes, h2, imgGrid2, text, h3, text2]
    });
    console.log("nodes => ", this.data.nodes);
  },

wxml

<rich-text nodes="{{nodes}}"></rich-text>
回答关注问题邀请回答
收藏
登录 后发表内容