Medium-editor:如何应用多个标签包装器？

Question

我正在尝试使用伟大的“媒体编辑器克隆”https://github.com/yabwe/medium-editor，但我遇到了这个问题：

如何用两个标签包装一段选定的文本(实际上是代码)：<pre>和enter code here<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);
            }
        });

也就是说，我只需提取文本并用标签包装它。

如果你找到了更优雅自然的方法来获得它，请让我知道。