Medium-редактор: как применять несколько тегов-обёрток?

Question

Я пытаюсь использовать отличный "средний редактор клон" https://github.com/yabwe/medium-editor и я застрял с проблемой:

Как обернуть выбранный фрагмент текста (то есть код) с 2 тегами: <pre> и введите код здесь<code>

(Я хочу использовать форматировщик кода highlight.js).

Итак, результат после подачи заявления должен быть:

<pre><code>some my code</code></pre>

Я понятия не имею, как это реализовать.

Answer 1

Для тех, кого может заинтересовать эта проблема, я нашел решение.

Мне пришлось использовать кнопку расширения со следующим кодом:

var SampleButton = MediumEditor.extensions.button.extend({
            ...
            handleClick: function (event) {
                var selection = rangy.getSelection().toHtml();
                sel = '<pre><code>' + selection + '</code></pre>';
                this.base.pasteHTML(selection);
            }
        });

То есть я просто извлекаю текст и оборачиваю его тегами.

Дайте мне знать, если вы нашли более элегантный и естественный способ получить его.