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

Question

我正在将 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);

但我无法删除格式，对于像这样简单的东西来说，它看起来有点笨重。

有什么帮助吗？

Answer 1

查看 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