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

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

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

让我知道你是否找到了更优雅、更自然的方式来获得它。