javascript - SummerNote:如何验证用户当前选择是否在特定的 html 标签内？

Question

我想向我在 Summernote 中制作的按钮添加一个行为，以将 h4 标签添加到选择中:

heading: function (context) {
            var ui = $.summernote.ui;
            var button = ui.button({
              contents: 'H',
              click: function () {
                var range = context.invoke('editor.createRange');
                  if (range.toString()) {
                    var heading = document.createElement('h4');
                    $(heading).text(range.toString());
                    context.invoke('editor.insertNode', heading);
                  } else {
                    context.invoke('editor.formatH4');
                  }
              }
            });

使用当前格式 H4 不适用于我的用例，因为我想将此标签添加到用户范围选择中，而不是仅将整行格式化为 h4

现在我想向我的按钮添加行为，以便当光标位于 h4 标记内时它会被选中

我尝试使用 Summernote api 创建一个范围，但我只是不知道如何使用这个创建的范围来查看我是否在 h4 标签内

Answer 1

我找到了解决方案:

点击并按下按键后，我添加了以下内容:

window.getSelection().anchorNode.parentNode.nodeName

这给了我节点名称，我可以用它来激活或停用按钮

我在这里找到了这个解决方案:

How can I get the element in which highlighted text is in?