<custom chineseName="富文本" engName="rich-text"></custom>
<view class="wrap">
    <view class="card-area">
        <view class="top-description border-bottom">通过HTML String渲染</view>
        <view class="description">代码示例</view>
        <scroll-view scroll-y>
            <view class="cont">{{htmlSnip}}</view>
        </scroll-view>
        <view class="description">渲染效果</view>
        <view class="rich-text">
            <!-- 基础库 3.150.1 以前的版本，selectable 属性默认为 false，期望文本不可被选中时不用设置此属性 -->
            <rich-text nodes="{{htmlSnip}}" image-menu-prevent="true"></rich-text>
            <!-- 基础库 3.150.1 及以后版本，selectable 属性默认为 true，期望文本不可被选中时需设置此属性为 false -->
            <!-- <rich-text selectable="false" nodes="{{htmlSnip}}"></rich-text> -->
        </view>
    </view>
    <view class="card-area">
        <view class="top-description border-bottom">通过节点渲染</view>
        <view class="description">代码示例</view>
        <scroll-view scroll-y>
            <view class="cont">{{nodeSnip}}</view>
        </scroll-view>
        <view class="description">渲染效果</view>
        <view class="rich-text">
            <!-- 基础库 3.150.1 以前的版本，selectable 属性默认为 false，期望文本不可被选中时不用设置此属性 -->
            <rich-text nodes="{{nodes}}"></rich-text>
            <!-- 基础库 3.150.1 及以后版本，selectable 属性默认为 true，期望文本不可被选中时需设置此属性为 false -->
            <!-- <rich-text selectable="false" nodes="{{nodes}}"></rich-text> -->
        </view>
    </view>
</view>