更新记录

1.0.0（2025-02-28） 下载此版本

发布初版

平台兼容性

Parse 富文本解析

组件名: xt-parse

安装方式

本组件符合 easycom 规范，HBuilderX 3.1.0 起，只需将本组件导入项目，在页面 template 中即可直接使用，无需在页面中 import 和注册 components

基本用法

此组件是基于社区优秀开源组件mp-htmlv2.5.0封装而来,更多详细信息请查看 mp-html文档; mp-html 优化了对<p></p>的忽略以及多个空格忽略的问题;

<template>
    <view class="xt">
        <xt-parse ref="html" :content="html"></xt-parse>
        <xt-button @click="log">打印</xt-button>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                html: '<div><p>富文本解析</p><p>感谢mp-html开源</p><div>'
            }
        },
        methods: {
            log() {
                console.log(this.$refs.html.getText())
            }
        }
    }
</script>

<style lang="scss">
    .xt {
        padding: 0 20rpx;
        padding-top: 50rpx;
        display: flex;
        flex-direction: column;
        gap: 30rpx;
    }
</style>

API

Event

实例事件(通过ref调用)