react 中 wangeditor富文本编辑器中 insertFn函数

在 React 中使用 wangeditor 富文本编辑器时，可以通过 insertFn 函数向编辑器中插入自定义的内容。该函数的定义如下：

insertFn: function (content) {
  var selection = this.selection.getRange();
  if (!selection.collapsed) {
    selection.deleteContents();
  }
  var node = document.createElement('div');
  node.innerHTML = content;
  var fragment = document.createDocumentFragment();
  var child;
  while (child = node.firstChild) {
    fragment.appendChild(child);
  }
  selection.insertNode(fragment);
  selection.collapseToEnd();
  this.change();
}

该函数接受一个参数 `content`，表示要插入的内容。该函数的作用是将该内容插入到当前光标所在位置。

具体实现时，首先获取当前光标位置的 Range 对象，如果该 Range 不是折叠状态，则删除该 Range 包含的内容。接着创建一个 div 元素，将要插入的内容设置为 div 元素的 innerHTML，然后将 div 元素的子元素依次添加到 documentFragment 对象中。最后将 documentFragment 对象插入到当前光标位置，并将光标定位到插入内容的末尾。