CKEditor 4.1的简单插入/删除标签按钮

时间:2013-05-13 14:08:39

标签: javascript ckeditor

我正在与我的网站进行CKEditor 4.1集成。

我正在寻找一种方法来复制基本样式“B”按钮的外观和感觉,但是使用不同的标签(我需要在标签中包装/解包文本而不是)。

现在我用逻辑

创建了一个插件
editor.insertHtml('<zzz>' + editor.getSelection().getNative() + '</zzz>');

但它无法删除标签,我怀疑有一种更简单的方法可以获得它。

我也尝试了

var format={element:'zzz'};
var style=new CKEDITOR.style(format);
style.apply(editor.document);

但是我无法删除格式,因为这样的事情看起来有点笨拙。

任何帮助?

1 个答案:

答案 0 :(得分:2)

查看basicstyle插件(http://ckeditor.com/addon/basicstyles)并添加您的代码。

或者你可以在这里找到一个生存包来编写你的插件:http://docs.cksource.com/CKEditor_3.x/Tutorials

特别是这部分:

if ( element )
    element = element.getAscendant( 'abbr', true );

if ( !element || element.getName() != 'abbr' || element.data( 'cke-realelement' ) )
{
    element = editor.document.createElement( 'abbr' );
    this.insertMode = true;
}
else
    this.insertMode = false;

检查此插件的灵感:http://ckeditor.com/addon/insertpre