专栏首页前端客栈UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)

UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)

今天调整项目需求,里面涉及到需要初始化多个百度编辑器。但是遇到这样一个问题,百度编辑器在第一次进入时,编辑器容器未初始化,再次刷新容器初始化成功。 通过UE.instances查看已初始化的实例却发现,该编辑器实例已存在,也就是说只是没有执行render函数

但是细看代码才发现有个坑,项目是单页化的,不涉及页面刷新,所以当我第二次进入页面时,其实编辑器实例已经保存在instances中了!!!

查看UE源码发现如下代码:

这段可以看到,在调用UE.getEditor(‘_editor’)初始化UEditor时,先从放置编辑器的容器instances中获取,没有实例才实例化一个Editor,这就是引起问题的原因。

所以要解决上述问题,比较简单的办法就是每次进入时先将原来的实例删除,代码如下:

    UE.delEditor('_editor');
    var ue = UE.getEditor('_editor');

当然也可以如下办法处理:

    UE.getEditor('_editor').render('_editor');

希望以上内容对大家有所帮助。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 一个TCP连接可以发送多少个HTTP请求?

    一道经典的面试题是从URL在浏览器被输入到页面展现的过程中发生了什么?大多数回答都是请求响应之后DOM是怎么被构建、被绘制出来。

    Clearlove
  • 多“维”优化——前端高并发策略的更深层思考(转载)

    说到优化,大家在收到“优化指标”任务的时候。通常会做两件事情——分析“优化指标”对应的痛点、寻找解决痛点的技术方案并施行。那这样是否就足够了呢?我的答案是否定的...

    Clearlove
  • 关于Javascript中的valueOf与toString

    toString()函数的作用是返回object的字符串表示。 JavaScript中object默认的toString()方法返回字符串”[object Ob...

    Clearlove
  • 订单自动过期实现方案

    这个太简单了,就是在查询的时候判断是否失效,如果失效了就给他设置失效状态。但是弊端也很明显,每次查询都要对未失效的订单做判断,如果用户不查询,订单就不失效,那么...

    Mshu
  • “梦想工厂”Google X里的那些超酷项目

    美国很多牛逼公司都有自己的秘密实验室,此前最著名的是美国电话电报公司(AT Labs)、施乐帕克研究中心(Xerox PARC)。但现在最受万众期待的肯定是Go...

    机器人网
  • JS中的事件循环机制与宏队列、微队列笔记

    为什么JavaScript是一门单线程语言?作为一门浏览器脚本语言,它的主要用途就是操作DOM和与用户交互设计,如果说js是多线程的话,那么它在操作DOM的时候...

    帅的一麻皮
  • 不要启用 net.ipv4.tcp_tw_recycle

    本文为翻译英文BLOG《Coping with the TCP TIME-WAIT state on busy Linux servers》,但并非完整的翻译,...

    sunsky
  • 大量的 TIME_WAIT 状态连接怎么处理?(文末有福利)

    Nginx 作为反向代理时,大量的短链接,可能导致 Nginx 上的 TCP 连接处于 time_wait 状态:

    范蠡
  • JavaScript学习笔记011-DOM页面元素的运用

    Mr. 柳上原
  • 循环裁剪之-PostGIS版本

    大BOX之间有压盖,要求每一个大BOX都要裁剪面内的小box,如果一个小box横跨多个大面,就要被裁剪多次。

    数据处理与分析

扫码关注云+社区

领取腾讯云代金券