Question

在WYSIHTML5编辑器中，当我们添加无序列表时，它不会关注Google Chrome浏览器中的可编辑区域。但是，它适用于其他选项，如粗体，斜体等。我已搜索过，但无法找到此错误的解决方案。

Answer 1

在WYSIHTML5 js中，搜索行wysihtml5.commands.insertUnorderedList并进一步查找

composer.commands.exec("formatBlock", "div", tempClassName);
    tempElement = doc.querySelector("." + tempClassName);
    isEmpty = tempElement.innerHTML === "" || tempElement.innerHTML === wysihtml5.INVISIBLE_SPACE;
    composer.selection.executeAndRestoreSimple(function() {
      list = wysihtml5.dom.convertToList(tempElement, "ul");
    });
    if (isEmpty) {
      composer.selection.selectNode(list.querySelector("li"));
    }

并注释或删除条件部分，如：

composer.commands.exec("formatBlock", "div", tempClassName);
        tempElement = doc.querySelector("." + tempClassName);
        isEmpty = tempElement.innerHTML === "" || tempElement.innerHTML === wysihtml5.INVISIBLE_SPACE;
        composer.selection.executeAndRestoreSimple(function() {
          list = wysihtml5.dom.convertToList(tempElement, "ul");
        });
        //if (isEmpty) { 
          composer.selection.selectNode(list.querySelector("li"));
        //}

它对我有用，因为条件isEmpty = tempElement.innerHTML === "" || tempElement.innerHTML === wysihtml5.INVISIBLE_SPACE;永远不会变为真，因为我们已经插入了无序列表，之后可编辑区域不是空白。祝你好运.. !!

WYSIHTML5编辑器在Chrome中插入无序列表时不会聚焦可编辑区域

1 个答案: