uniapp 使用 tob-ui 实现富文本编辑器 - 代码示例

<view class="form">
    <view class="form-item">
        <text class="form-item-label">标题</text>
        <t-input v-model="form.title" placeholder="请输入标题" rounded="base" />
    </view>
    <view class="form-item">
        <text class="form-item-label">内容</text>
        <Rboy-editor ref="RboyEditor"></Rboy-editor>
    </view>
    <view class="form-item button-container">
        <t-btn color="warning" @click="resetForm" size="lg" class="button">重置</t-btn>
        <t-btn color="success" @click="submitForm" size="lg" class="button">上传提交</t-btn>
    </view>
</view>
<script>
export default {
    data() {
        return {
            form: {
                title: "",
                author: '佚名'
            }
        };
    },
    methods: {
        resetForm() {
            this.form.title = "";
            this.$refs.RboyEditor.resetContent();
        },
        submitForm() {
            // Code for submitting the form
        }
    }
};
</script>