[前端] 页面新增 wangEditor 出现的 The given range isn‘t in document.

问题:

使用 AngularJS 的时候,我在页面弄一个按钮可以新增 wangEditor 富文本,但是点了新增之后发现控制台出现: The given range isn't in document. 警告,其实这个警告问题还是很严重的,因为我页面上新增多个富文本时候,只有最新一个富文本的控件有效,而其他富文本都失效了,并且我使用

wangEditor.txt.html();

获取文本时候,发现除了最新一个可以修改,其他都不能修改,所以追踪 html() 看了看源码:

从 txt 原型进去:

    html: function html(val) {
        var editor = this.editor;
        var $textElem = editor.$textElem;
        var html = void 0;
        if (val == null) {
            html = $textElem.html(); // 这个地方继续查看
            
            html = html.replace(/\u200b/gm, '');
            return html;
        } else {
            $textElem.html(val);
            editor.initSelection();
        }
    }

查看到 $textElem.html() 这个地方:

    html: function html(value) {
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值