钉钉小程序富文本解析
aParse是我们的富文本框组件
在这里插入图片描述
index.axml

<import src="/util/aParse/aParse.axml"/>
 <template is="aParse" data="{{aParseData:article.nodes}}"/>

index.js

var AParse = require('/util/aParse/aParse.js')
Page({

  data: {
  
  },
    onShow() {
   console.log('页面显示')
    let article = `
      <h3>
      <span style="color:red">钉钉小程序</span>
      <span style="color:green">富文本解析</span>
      <span style="color:blue">解决方案</span>
      </h3>
  `
    /**
     * 使用说明:
    * AParse.AParse(bindName , type, data, target,imagePadding)
    * 1.bindName绑定的数据名(必填)
    * 2.type可以为html或者md(必填)
    * 3.data为传入的具体数据(必填)
    * 4.target为Page对象,一般为this(必填)
    * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
    */

    let that = this;
    AParse.aParse('article', 'html', article, that, 5);
  },
})

index.acss

@import "/util/aParse/aParse.acss";

效果图
在这里插入图片描述
原创:https://blog.csdn.net/qq_37208863/article/details/84145664

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐