wangEditor全屏插件在vue中怎么使用

发布于 2022-09-07 00:07:39 字数 176 浏览 21 评论 0

如题,还是技术小白,真不知道该怎么合适的引入,请教教!
这个插件在vue中应该怎么写?
图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

风轻花落早 2022-09-14 00:07:39

最近项目中刚用到

import Editor from 'wangeditor'

export default {
    methods: {
        initEditor() {
            var editor = new Editor('#editor')
            // editor.customConfig.uploadImgShowBase64 = true
            // editor.customConfig.uploadImgServer = '/upload'
            editor.customConfig.uploadImgServer = '/upload';
            editor.customConfig.uploadFileName = 'uploadfile';
            editor.customConfig.uploadImgHooks = {
                customInsert: function (insertImg, result, editor) {
                    var url = result.url
                    insertImg(url)
                }
            }
            editor.customConfig.customAlert = (info) => {
                this.$Notice.info({title: info})
            }
            editor.customConfig.onchange = (html) => {
                this.form.content = html
            }
            editor.create()
        }
    },
    mounted() {
        this.initEditor()
    }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文