vue+springboot中使用ueditor,路由跳转后再进入ueditor,ueditor无法加载出来

2023-11-14

问题描述:已经在标题上了

解决办法:

     1:在页面销毁时删除ueditor实例,,mounted时创建实例,这样做的目的是再次进来时重新加载ueditor

mounted() {
     // 自定义上传路径
      const baseUrl='http://localhost:8080/investment';
      UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
      UE.Editor.prototype.getActionUrl = function(action) {
        // 对应的是后台upload那个方法
        if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'listimage'||action=='uploadvideo') {
          return baseUrl+'/fileUpload/uploadForUeditor';
        } else {
          return this._bkGetActionUrl.call(this, action);
        }
      }
      this.editor = UE.getEditor('editor', this.config); // 初始化UE

      // //初始化UE
      // const _this = this;
      // this.editor = UE.delEditor("editor");
      // this.editor = UE.getEditor('editor',this.config);

    },

    beforeDestroy(){
      UE.delEditor('editor');
    },

2:正常在这里应该可以解决问题了,但是我ueditor的config.json是从后端加载过来的。在加了上面的代码以后,页面是可以正常显示的,但是上传图片功能费了,说是http无法正常加载什么的,我判断是因为没有正常加载后端的配置(因为这个时候我要是强制刷新,CTRL+R的话,就好了),所以需要想办法让再次进入页面的时候重新从后端加载配置项。。。。。

这个时候就需要改源码了,如下:

文件:ueditor.all.js  。具体修改的代码看我的注释

    UE.Editor.prototype.loadServerConfig = function(){
        var me = this;
        setTimeout(function(){
            try{
                // me.options.imageUrl && me.setOpt('serverUrl', me.options.imageUrl.replace(/^(.*[\/]).+([\.].+)$/, '$1controller$2'));
                // var configUrl = me.getActionUrl('config'),
                    //isJsonp = utils.isCrossDomainUrl(configUrl);
                //杨子栋:为了解决ueditor二次加载不能显示的问题,需要改这里的源码,我注释了8080和8081行,8082原本就是注释的,增加了8083行 
                var configUrl='http://localhost:8080/investment/ueditor/exec?action=config',
                isJsonp = false;
                /* 发出ajax请求 */
                me._serverConfigLoaded = false;
                configUrl && UE.ajax.request(configUrl,{
                    'method': 'GET',
                    'dataType': isJsonp ? 'jsonp':'',
                    'onsuccess':function(r){
                        try {
                            var config = isJsonp ? r:eval("("+r.responseText+")");
                            utils.extend(me.options, config);
                            me.fireEvent('serverConfigLoaded');
                            me._serverConfigLoaded = true;
                        } catch (e) {
                            showErrorMsg(me.getLang('loadconfigFormatError'));
                        }
                    },
                    'onerror':function(){
                        showErrorMsg(me.getLang('loadconfigHttpError'));
                    }
                });
            } catch(e){
                showErrorMsg(me.getLang('loadconfigError'));
            }
        });

这个问题花了我1个多小时,心酸,特此记录!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue+springboot中使用ueditor,路由跳转后再进入ueditor,ueditor无法加载出来 的相关文章

  • 文献综述写作模板1.0

    参考视频 基础模板框架 https www bilibili com video BV1E54y1U7SM spm id from 333 337 search card all click vd source e5e46a7b9d3909
  • SpringBoot开发符合S3协议的文件存储服务

    背景 公司最近的业务大量涉及安可项目 要求避免使用第三方组件 原有开发框架支持本地文件存储 Minio 各类云存储 现在要求文件独立存储且文件服务需要自研 经调研评估后决定基于SpringBoot开发文件存储服务 使用s3协议标准 这样可以
  • 集成AI的移动自动化测试

    集成AI的 移动自动化测试 前一阵子小编看到了爱奇艺Android架构师的一篇文章 爱奇艺基于AI的移动自动化框架的设计与实践 介绍了了一种基于AI算法的自动化测试框架Aion 该框架融合了传统图像处理和深度学习方案 虽然目前该框架还未开源

随机推荐

  • chatgpt赋能python:Python长浮点型介绍

    Python长浮点型介绍 Python是一种强大的编程语言 通过其众多的数据类型 使开发人员可以快速开发复杂的应用程序 其中 Python长浮点型就是Python支持的一种数据类型 长浮点型是指Python可以处理的浮点数的精度可以高达25
  • ubuntu运行python程序 已杀死_一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃

    由于 Ubuntu 中的汉字输入实在是太不友好了 所以装了个 搜狗输入法 好不容易把 搜狗输入法装好 本以为可以开开心心的搞代码了 然而 pycharm 一打开 就崩溃 关不掉 进程杀死还是不行 只能关机重启 本以为 pycharm 出现了
  • 半导体创业

    synosis系列 芯耀辉 芯华章 芯原 dsp 壁仞科技 主要负责人华为mobile gp ps 华为升腾的大佬是liaoheng和tujiajun Mikehong在MobileGpu oppo 哲库科技 GPU摩尔线程 NB 芯翼信息
  • Android中apk的名称被Module下相同的app_name替换时,正确的更改方式

    错误产生原因 android 中 寻找资源文件 首先会寻找本机语言下的资源文件 例如 如果手机是中文版 则会优先选择res下面values有中文资源的进行匹配 这也是导致我的app name被module下的中文app name替换的原因
  • Python:Anaconda安装&常用库(selenium,pymysql)离线安装

    因为网络限制 所以用很多库用pip安装不成功 只能采用离线安装了 方法也简单 按照下面步骤来就好了 1 Anaconda下载安装 下载地址 https www anaconda com products individual 下载后 傻瓜式
  • ES6(这是我见过写的最好的)!推荐

    文章目录 ES6总结 var let const的区别 箭头函数和function的区别 结构赋值 原型 原型链 继承 1 原型链继承 2 构造函数继承 3 组合式继承 4 class类继承 Promise async和await Gene
  • iOS 使用蓝牙耳机的mic作为输入源

    1 首先采样率的设置必须与蓝牙耳机设备的采样率相同 2 然后通过 setPreferredInput 方法从可用的输入设备的数组中选取蓝牙耳机
  • linux应用程序core dump处理

    默认编译出来的程序在出现Segmentation fault 时并没有生成core崩溃文件 可以在gcc g 编译时增加 g选项 如果仍然没有生成core文件 则可能是因为系统设置了core文件大小为0 可以通过 ulimit a 查询得知
  • 实现游戏结束时显示GameOver界面。(Unity)

    在Canvas画板里添加Text文本组件 修改名字为GameOver 修改名字是为了让我们以后更改时更容易找到对应的组件 请名字时尽量和代码一样需要见名知义 并且通过锚点修改他的位置 在位置里修改他需要显示的大小 并且在Text文本组件中修
  • python画笑脸-如何用Python画滑稽笑脸

    Linux编程 点击右侧关注 免费入门到精通 作者丨Saltwater Room https blog csdn net Saltwater Room article details 829 用turtle画滑稽 fromturtle im
  • Android ListView默认选中第一项或第N项

    大体上从查阅的资料和自己的实践一共可以分为以下几种方法 一 重写Adapter 在getView里进行自己的操作 选中 变色等等 class MyAdapter extends BaseAdapter Override public Vie
  • 垂直网络广告

    垂直网站 英文名 Vertical website 注意力集中在某些特定的领域或某种特定的需求 提供有关这个领域或需求的全部深度信息和相关服务 作为互联网的亮点 垂直网站正引起越来越多人的关注 垂直网络广告是指广告发布主体利用网络广告投放平
  • 两个二叉树的合并

    将给定两个二叉树 想象当你将它们中的一个覆盖到另一个上时 两个二叉树的一些节点便会重叠 你需要将他们合并为一个新的二叉树 合并的规则是如果两个节点重叠 那么将他们的值相加作为节点合并后的新值 否则不为 NULL 的节点将直接作为新二叉树的节
  • 手把手教你打造自己的弱口令扫描工具(系统弱口令篇)

    0x01 前言 在渗透测试过程中 弱口令检测是必要的一个环节 选择一个好用的弱口令扫描工具 尤为重要 类似的弱口令检测工具如 Hydra Hscan X Scan 很多时候满足不了自己的需求 通过Python打造自己的弱口令扫描工具 集成在
  • 01FFMPEG的AVFormatContext结构体分析和输出时AVFormatContext的初始化(包含有输入和无输入的AVFormatContext)

    01FFMPEG的AVFormatContext结构体分析和输出时AVFormatContext的初始化 包含有输入和无输入的AVFormatContext 提醒 接下来对所有源码的分析都是针对于目前最新版本的avformat5 8源码 概
  • 五个实施环节

    定级 定级流程 在 信息系统安全等级保护定级指南 中 说明了定级的一般流程 1 确定作为定级对象的信息系统 2 确定业务信息安全受到破坏时所侵害的客体 3 根据不同的受侵害客体 从多个方面综合评定业务信息安全被破坏对客体的侵害程度 4 根据
  • 专项-弱网络测试

    弱网络 简单理解 网络不好 网络环境复杂 使用场景多变 异常逻辑检查 弱网络测什么 测试标准 客户端的核心场景必须有断线重连机制 并在有网络抖动 延时 丢包的网络场景下 客户端需达到以下要求 一 不能出现以下现象 1 游戏中不能出现收支不等
  • Lloyd-Max条件、DPCM系统最佳预测系数推导以及最小二乘:梯度下降、牛顿法、高斯牛顿法总结

    文章目录 1 Lloyd Max条件推导 2 DPCM系统最佳预测系数推导 3 最小二乘 梯度下降 牛顿法 高斯牛顿法总结 3 1 梯度下降 3 2 牛顿法 3 3 高斯牛顿法 1 Lloyd Max条件推导 2 DPCM系统最佳预测系数推
  • Kimera-VIO-ROS,Kimera-Semantic源码运行结果及问题解决

    前期条件准备 1 VMware Ubuntu18 04 2 ROS rviz melodic 3 Eigen3 3 7 一 Kimera VIO ROS 1 源码运行 Polygon mode solid Polygon mode wire
  • vue+springboot中使用ueditor,路由跳转后再进入ueditor,ueditor无法加载出来

    问题描述 已经在标题上了 解决办法 1 在页面销毁时删除ueditor实例 mounted时创建实例 这样做的目的是再次进来时重新加载ueditor mounted 自定义上传路径 const baseUrl http localhost