更新记录

1.1.3（2022-07-26） 下载此版本

上传staitc图片文件丢失

1.1.2（2022-07-25） 下载此版本

更新插入图片

1.1.1（2022-04-18） 下载此版本

上传图片BUG已修复

平台兼容性

参数

使用方式，复制即用

<template>
    <view>
        <cEditor htmlContent="文本内容" ref="cEditor" 
        :uploadUrl="uploadUrl" 
        :header="header"
        :isUseCustomNavbar="isUseCustomNavbar"
        @uploadFile="uploadFile" @saveContent="saveContent"></cEditor>
    </view>
</template>

<script>
    import cEditor from "@/components/editor.vue"
    export default {
        components: {
            cEditor
        },
        data() {
            return {
                /* 图片上传路径 */
                uploadUrl: "http://localhost:8002/pc/auth/upload",
                /* 头文件 */
                header: { authorization: "XXXXXXX" },
                /* 是否使用自定义导航栏 */
                isUseCustomNavbar: true,
            }
        },
        methods: {
            saveContent(data) {
                console.log(data);
            },
            uploadFile(fileUrl) {
                /* 此处为你上传图片服务器后得到的url链接 */
                var urlPath = JSON.parse(fileUrl.data).link;
                this.$refs.cEditor.editorCtx.insertImage({
                    src: urlPath
                })
            }
        }
    }
</script>

App.vue，引入一下样式，否则排版混乱

<script>
    export default {
        onLaunch: function() {
        },
        onShow: function() {
        },
        onHide: function() {
        }
    }
</script>

<style>
/*每个页面公共css */
@import './components/common/aliIcon.css';
/* 自定义公共样式 */
@import './components/common/main.css';
</style>