kindeditor异步加载时无法显示编辑框

事情是这样的,我在A页面的div通过 jQuery.load() 方法载入一个页面B时,B页面带有编辑框  textarea,现在想让这个 textarea 显示为一个 kindeditor的富文本编辑区域,但是怎么都不能成功,官网上的example根本就跑不起来。(也许是网络原因,或者其他)(官网example:http://kindeditor.net/ke4/examples/dynamic-load.html


哎,心塞。

但是项目里已经有好几个地方都用这个编辑器,就不想换了(这些地方能跑成功的原因是页面直接调用kindeditor,而不是通过异步加载的方式)。

索性偶然瞥见其他编辑器也有出现这个问题,参考了别人的情况,终于成功实现了。


解决方法:不要在子页面B调用 KindEditor.create() ,而是在主页面A导入Editor的js包,在主页面的$.load() 的回调函数中创建编辑器。如果要使用编辑器的内容,则咋主页面设置全局变量 var editor; 将 KindEditor.create() 赋给 editor 就可以了,子页面B可以通过 editor.html() 来操作编辑器的内容。

代码:

主页面A.jsp

<script type="text/javascript" charset="utf-8" src="js/kindeditor-4.1.7/kindeditor-min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/kindeditor-4.1.7/lang/zh_CN.js"></script>

<div id="mainData" class="mainData">

     <div id="dataContent"></div>

</div>

<script type="text/javascript">

    var editor;  //全局变量

    $("#dataContent").load("B.jsp",function(){
            
            editor = KindEditor.create('textarea[name=

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值