bdparse

本组件为开发者贡献组件,详情访问当前组件的git仓库原始地址

解释: 智能小程序富文本解析工具bdParse,改造自wxparse,支持html转换成智能小程序富文本节点。

# 属性说明

属性名 类型 必填 默认值 说明
raw String '' 需要转换展现的原始内容
format String 'html' 需要转换内容的原始格式,可选有:'html', 'markdown'
padding Number 5 渲然出来界面的左右留白(px为单位)

# 示例

在开发者工具中预览效果

# 扫码体验

# 图片示例

# 安装

npm install @smt-lib/bdparse

# 代码示例

  • 在 swan 文件中
<view class="card-area">
    <view class="top-description border-bottom">原文</view>
    <view class="text-content">{{raw}}</view>
</view>

<view class="card-area {{converted ? 'show': 'hide'}}">
    <view class="top-description border-bottom">转换后的内容</view>
    <view class="text-content">
        <bdparse raw={{raw}} />
    </view>
</view>
  • 在 js 文件中
Page({
    data: {
        raw:[
            '<div>',
            '<span>我是HTML代码</span>',
            '<span>',
            '内容',
            '</span>',
            '<img src="https://b.bdstatic.com/miniapp/images/demo-dog.png" class="custom-img" />',
            '</div>'
        ].join('\n')
    }
});
  • 在 css 文件中
.custom-img {
    width: 100% !important;
}