在Vue中引入ueditor时报错

我在Vue中引入下载的ueditor插件,但是用浏览器访问的时候报一下错误,求大神指导下,刚接触,不太了解
图片说明图片说明

5个回答

你进入到css样例里面仔细看下里面有没有url或者src之类的超链接,很可能你的js放的位置跟css的目录有差别,所以导致它找不到相应的路径图片说明

tianguozhiya
去你大爷的昵称已存在 import './static/UE/ueditor.parse.min.js' 还有个问题就是当我把这个js引入后就报我贴的第一个错误了 麻烦帮我看下什么问题
一年多之前 回复
tianguozhiya
去你大爷的昵称已存在 找到原因了 我滴妈呀 网上的配置路径是window.UEDITOR_HOME_URL = "/static/UE/"这个,然后我的就报错了 我在前面加个/src/就好了 感谢
一年多之前 回复
weixin_42604985
梁. 这个可以,有点难度
一年多之前 回复
tianguozhiya
去你大爷的昵称已存在 不是这个原因 路径这些都没问题啊
一年多之前 回复

你的代码在哪里呢。。。。。。。。简单贴一下?

weixin_40852944
weixin_40852944 回复tianguozhiya: 看楼下
一年多之前 回复
tianguozhiya
去你大爷的昵称已存在 就是刚贴出来的这样
一年多之前 回复

这是我引入ueditor的js配置

 //ueditor富文本框
import './static/UE/ueditor.config.js'
import './static/UE/ueditor.all.min.js'
import './static/UE/lang/zh-cn/zh-cn.js'
import './static/UE/ueditor.parse.min.js'

这是添加的ueditor组件

 <template>
    <div>
        <script id="ueid" type="text/plain"></script>
    </div>
</template>
<script>
    export default {
        name: 'UE',
        data () {
            return {
                editor: null
            }
        },
        props: {
            defaultMsg: {
                type: String
            },
            config: {
                type: Object
            },

        },
        mounted() {
            const _this = this;
            this.editor = UE.getEditor("ueid", this.config); // 初始化UE
            this.editor.addListener("ready", function () {
                _this.editor.setContent(_this.defaultMsg); // 确保UE加载完成后,放入内容。
            });
        },
        methods: {
            getUEContent() { // 获取内容方法
                return this.editor.getContent()
            }
        },
        destroyed() {
            this.editor.destroy();
        }
    }
</script>

这是我引用的地方

 <button @click="getUEContent()">获取内容</button>
                        <div class="editor-container"  type="text/javascript">
                            <UE :defaultMsg=defaultMsg :config=config ref="ue"></UE>
                        </div>

                                                getUEContent() {
                let content = this.$refs.ue.getUEContent();
                this.$notify({
                    title: '获取成功,可在控制台查看!',
                    message: content,
                    type: 'success'
                });
                console.log(content)
            }

正如楼上所勾选出来的红框里边的内容,你的文件没有完全引入。缺少的是ueditor.config.js里边配置的路径,路径要确认有没有问题,看样子你的路径配置错误,找不到文件了

ConsoleBL
ConsoleBL 回复去你大爷的昵称已存在: 我的不行啊 还是报css资源错误,有啥解决办法没啊
6 个月之前 回复
ConsoleBL
ConsoleBL 我的不行啊 还是报css资源错误,有啥解决办法没啊
6 个月之前 回复
tianguozhiya
去你大爷的昵称已存在 import './static/UE/ueditor.parse.min.js' 还有个问题就是当我把这个js引入后就报我贴的第一个错误了 麻烦帮我看下什么问题
一年多之前 回复
tianguozhiya
去你大爷的昵称已存在 找到原因了 我滴妈呀 网上的配置路径是window.UEDITOR_HOME_URL = "/static/UE/"这个,然后我的就报错了 我在前面加个/src/就好了 感谢
一年多之前 回复

我的不行啊 还是报css资源错误,有啥解决办法没啊

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问