如何使用YUI编辑器插入自定义html标记

时间:2009-11-11 18:13:24

标签: javascript html yui wysiwyg yui-editor

我已经设置了YUI并且正在工作。我已经创建了一个自定义按钮,它显示正常。我希望该按钮可以用我自己的自定义'span'标签包装所选文本,就像点击'粗体'按钮用'strong'/'bold'标签包装所选文本一样。

有没有人有任何他们可以指出的例子来做这项工作?

1 个答案:

答案 0 :(得分: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的按钮位于工具栏上。