更新记录

1.1.0（2023-05-18）

修复已知bug

1.0.4（2022-09-19）

修复bug

1.0.3（2022-09-15）

兼容微信小程序

平台兼容性

导入

import SimpleEditor from '@/components/zhangyuhao-simple-editor/zhangyuhao-simple-editor.vue'

在components中声明

export default {
    components: {
        SimpleEditor
    }
}

在template中使用

<!-- 编辑图文详情 -->
<simple-editor :action="uploadUrl" v-model="form.content" :uploadSuccess="editorUploadSuccess"></simple-editor>

list参数说明

代码示例

<template>
    <view>
        <!-- 编辑 -->
        <simple-edit action="https://api.xxx.xxx/upload" v-model="form.introduce" :uploadSuccess="editorUploadSuccess"
            :btns="['text', 'image']"></simple-edit>
        <view style="padding: 30rpx">
            <button @click="test()">打印到控制台</button>
        </view>
        <!-- 展示 -->
        <!-- <simple-edit :onlyshow="true" v-model="form.introduce"></simple-edit> -->
    </view>
</template>

<script>
    import SimpleEdit from '@/components/zhangyuhao-simple-editor/zhangyuhao-simple-editor.vue'
    export default {
        components: {
            SimpleEdit
        },
        data() {
            return {
                form: {
                    introduce: ''
                }
            };
        },

        methods: {
            test() {
                console.log(this.form.introduce)
            },
            editorUploadSuccess(res) {
                // 此处的data是服务器返回的数据，处理完成后return给组件
                res = JSON.parse(res.data)
                if (res.code == 200) {
                    // 成功返回示例
                    return {
                        success: true,
                        url: res.data
                    }
                } else {
                    // 自己给出提示信息
                    uni.showModal({
                        title: '提示',
                        content: res.message
                    });
                    // 失败返回示例
                    return {
                        success: false
                    }
                }
            },
        }
    }
</script>