Как вставить HTML-тег в выделенный текст - summernote

Question

Я настраиваю textarea с помощью summernote и хочу создать пользовательскую кнопку, которая может вставить code html tag

Я пытаюсь создать простую пользовательскую кнопку из документации Summernote

это мой код

var CodeButton = function (context) {
        var ui = $.summernote.ui;

        // create button
        var button = ui.button({
            contents: '<i class="fa fa-code"/> Code',
            tooltip: 'Code',
            click: function (value) {
                var range = $('#textarea').summernote('createRange')
                // invoke insertText method with 'hello' on editor module.
                context.invoke('editor.insertHtml', '<code>'+range.toString()+'</code>');
            }
        });

        return button.render(); // return button as jquery object
    }

допустим, я хочу изменить <p>test</p> на <p><code>test

, но приведенный выше код ничего не меняет

Answer 1

click: function (value) {
var text = context.invoke('editor.getSelectedText');
// You can initialize node with class instead of calling addClass.
var $node = $('<p><code">'+text+'</code></p>');

// http://summernote.org/deep-dive/#insertnode
context.invoke('editor.insertNode', $node[0]);
}