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

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

如果您找到更优雅、更自然的方式来获得它，请告诉我。