summernote格式用户选择标题

时间:2016-10-04 16:15:41

标签: jquery summernote

到目前为止,我可以轻松地将段落格式化为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的格式,但我找不到格式化选择的字母/单词的方法

谢谢!

1 个答案:

答案 0 :(得分:2)

我自己找到了一个解决方案,就是这样:

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

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