带有标题的 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 但我找不到格式化选择 letters/words

的方法

谢谢！

Answer 1

我自己找到了解决办法，就是这个：

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

我希望有人觉得它有用，我所做的是使用创建的范围，使用我想要的标签创建一个节点并将该范围的文本添加到节点中并使用 summernote API

带有标题的 summernote 格式用户选择

summernote format user selection with a heading

jquery

summernote