javascript - 如何使用 YUI 编辑器插入自定义 html 标签

Question

我已经设置并运行了 YUI。我创建了一个自定义按钮，它显示得很好。我希望该按钮做的是用我自己的自定义“span”标签包裹选定的文本，就像单击“bold”按钮用“strong”/“bold”标签包裹选定的文本一样。

有人可以举出任何例子来实现这项工作吗？

Answer 1

我自己发现了解决方案，因此我发布此内容以便其他人也可以看到。 :)

首先，非常感谢 MK_Dev 从他的 similar question asked back in April 中获得的灵感。这是我的问题(上面)所需的所有代码:

this.toolbar.on('mycustombuttonClick', function() {
        var sSelection = this._getSelection();
        var sNewElt = '<span class="testhere">' + sSelection + '</span>';
        this.execCommand('inserthtml', sNewElt);
        return false;
    }, this, true);

请注意，这假设插入 html 的按钮位于工具栏上。