Froala文本编辑器插入并删除自定义html标记

Question

我在AngularJS构建中使用Froala。我想要一个自定义按钮，在触发时在选定文本周围添加<close></close>标签。我还希望选中的文本已经包装在这些标签中，以便在再次触发按钮时移除标签。

本质上这应该与下划线或粗体文本一样工作。即你可以大胆整个单词，但如果你选择“OL”，再次单击大胆，你最终是这样的：b醇d

我创建了一个自定义按钮，增加了标签，但我不知道如何删除它们，如下所示：

callback: function() { 

    var selectedText = this.html.getSelected(), 
    firstTag = '<close>', 
    lastTag = '</close>'; 

    // replace selected text with wrapped text 
    this.html.insert(firstTag + selectedText + lastTag, true) 

} 

Answer 1

这应该有所帮助。阅读关于creating custom buttons in froala editor。

$.FroalaEditor.DefineIcon("highlight", { NAME: "exclamation" }); 
$.FroalaEditor.RegisterCommand("highlight", 
{ 
    title: "Highlight", 
    focus: false, 
    refreshAfterCallback: false, 
    callback: function() { 
     //this.html.insert("<span class=\"highlight\">" + this.html.getSelected() + "</span>"); 
     debugger; 
    } 
}); 

不要忘记在实例化编辑器时添加按钮。