关于ueditor加载显示的问题

博客围绕前台使用bootstrap+ueditor时遇到的问题展开。ueditor首次加载正常,再次加载出现问题,尝试网上两种解决方法仍有不足。作者采用第二种方法的改进方式,在加载编辑器所在页面前,先在之前页面隐藏加载一个编辑器,后续加载时可正常显示和上传。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前台采用:bootstrap+ueditor

遇到的问题:
1、ueditor第一次加载正常显示,并且上传图片、视频可以操作;但是,再次加载ueditor的时候,富文本编辑器加载不出来。
解决方法(这是网上大佬们的做法)
方法1:

UE.delEditor('editor');   //先删除之前实例的对象
UE.getEditor('editor');    //添加编辑器

方法2:

UE.getEditor('editor').render('editor');   //使用之前的对象(同时渲染DOM)


但是,采用上述方法还是遇到了问题。

采用方法1时,遇到的问题:
第一次加载编辑器时正常显示并且可以上传图片、视频等操作。但是,第二次加载编辑器时(包括之后的操作),还是能正常显示编辑器,不过,上传图片、视频等操作不能进行。

采用方法2时,遇到的问题:
第一次加载编辑器时,显示两个编辑器,并且两个编辑器都可以正常编辑和上传。
但是,从第二次加载编辑器时,编辑器都可以正常显示和正常上传。

总结:
网上说两种方法都行,结果我就不行,我也很无奈。。。。。。

我的解决方法
我采用第二种方法的改进方法。

灵感来源与解决方法
由于解决方法2第一次加载了两个编辑器,后面正常。所以,我加载编辑器所在页面前,我就将一个编辑器(隐藏起来)放在真正要加载编辑器页面之前的页面上加载,之后再加载编辑器所在的页面。之后点击加载编辑器所在页面时就正常显示和正常上传。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值