Summernote格式用户选择与标题

Question

到目前为止，我可以很容易地将段落格式化为H4，使用:

$('#summernote').summernote('formatH4');

但是如果我只想格式化一个选区或一个范围呢?

我现在有一个自定义标题按钮:

function heading(context) {
  var ui = $.summernote.ui;
  var button = ui.button({
    contents: '<i class="fa fa-header"/>',
    click: function () {
      var range = $('#summernote').summernote('createRange');
    }
  });
  return button.render();
}

我想做的是格式化range，但我找不到一种方法来格式化字母/单词的选择

谢谢!

Answer 1

我自己找到了一个解决方案，如下:

var range = sSCaption.wysiwygWrapper.summernote('createRange');
var heading = document.createElement('h4');
$(heading).text(range.toString());
$('#summernote').summernote('insertNode', heading);

我希望有人发现它有用，我所做的是我使用创建的范围，创建一个节点与我想要的标签，并添加该范围的文本到节点和插入节点与summernote API