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