去你大爷的昵称已存在
2018-07-03 07:35
采纳率: 20.6%
浏览 4.0k
已采纳

在Vue中引入ueditor时报错

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

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • weixin_40852944 2018-07-03 10:33
    已采纳

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

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • weixin_40852944 2018-07-03 07:53

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

    评论
    解决 无用
    打赏 举报
  • 这是我引入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)
                }
    
    评论
    解决 无用
    打赏 举报
  • 小赵YY 2018-07-03 12:41

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

    评论
    解决 无用
    打赏 举报
  • ConsoleBL 2019-08-02 10:22

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

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题