夏笔记在初始化时打印"node is null"

Question

我正在用 summernote v0.7.3 构建一个表单。

在 chrome 中工作正常，但在 Firefox 中它会给出一个错误"节点为空"。

<div id="${id}_summernote"></div>
<script type="text/javascript">
  $(document).ready(function(){ 
    var s_note = $('#${id}_summernote');
    var summernote = s_note.summernote();
  }
</script>

发生错误的点是..

var nodeLength = function (node) {
  if (isText(node)) {
    return node.nodeValue.length;
  }
  return node.childNodes.length;
};

它是summernote.js的614行。

之后自node is null年以来，还显示了其他错误消息

ImagePopover/this.hide()
 summernote.js:6152
ImagePopover/this.update()
 summernote.js:6147
Context/this.invoke()
 summernote.js:1687
Handle/this.update()
 summernote.js:4903
Handle/this.events["summernote.mousedown"]()
 summernote.js:4841
n.event.dispatch()
 jquery-2.1.1.min.js:3
n.event.add/r.handle()
 jquery-2.1.1.min.js:3
n.event.trigger()
 jquery-2.1.1.min.js:3
.trigger/<()
 jquery-2.1.1.min.js:3
.each()
 jquery-2.1.1.min.js:2
n.prototype.each()
 jquery-2.1.1.min.js:2
.trigger()
 jquery-2.1.1.min.js:3
Context/this.triggerEvent()
 summernote.js:1604
Editor/this.initialize/<()
 summernote.js:3745
n.event.dispatch()
 jquery-2.1.1.min.js:3
n.event.add/r.handle()
 jquery-2.1.1.min.js:3

我应该怎么做才能解决这个问题？它发生在某些页面，而不是全部。

感谢您的回答！

Answer 1

我在这里找到了解决方案：https://github.com/summernote/summernote/issues/1667要解决这个问题，请在 summernote 中修改函数 nodeLength.js如下所示：

var nodeLength = function (node) {
      if (node === null) {
        return 0;
      } else {
        if (isText(node)) {
          return node.nodeValue.length;
        }
        return node.childNodes.length;
      }
    };

Answer 2

为了绕过这个错误，我将方法$(document).ready()更改为document.addEventListener('DOMContentLoaded', function(){}, false)。

此的新来源

document.addEventListener('DOMContentLoaded', function(){       
    var s_note = $('#${id}_summernote');
    var summernote = s_note.summernote({
        height : 200
        , toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'italic', 'underline', 'clear']],
            ['fontname', ['fontname']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['height', ['height']],
            ['table', ['table']],
            ['insert', ['link', 'picture', 'hr']],
            ['view', ['fullscreen', 'codeview']],
            ['help', ['help']]
        ]
        }); 

    s_note.on("summernote.change", function (e) {
        //do jobs for changing event
    }); 
});

不幸的是，向构造函数添加callbacks不起作用，因此请使用 jQuery 事件处理程序。

祝你有美好的一天！ :D