钉钉原生小程序富文本解析
钉钉小程序富文本解析aParse是我们的富文本框组件index.axml<import src="/util/aParse/aParse.axml"/><template is="aParse" data="{{aParseData:article.nodes}}"/>index.jsvar AParse = require('/util/aParse/aParse.js'
·
钉钉小程序富文本解析
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
更多推荐
已为社区贡献5条内容
所有评论(0)