中型编辑器：如何应用多个标签包装器？

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);
            }
        });

那就是我提取文本并用标签包裹它。

如果您找到了一种更优雅自然的方式来获取它，请告诉我。