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

我在AngularJS构建中使用Frola。我想要一个自定义按钮，在触发时在所选文本周围添加

标记。我还希望在再次触发按钮时，已包装在这些标记中的选定文本将标记移除

基本上，这应该与下划线或粗体文本的工作方式相同。i、 e您可以加粗整个单词，但如果您选择“ol”并再次单击加粗，您将得到如下结果：bold

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

callback: function () {

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

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

}

回调：函数（）{
var selectedText=this.html.getSelected（），
firstTag=''，
lastTag=''；
//用换行文本替换所选文本
this.html.insert（firstTag+selectedText+lastTag，true）
}

这应该会有所帮助。了解

$.FroalaEditor.DefineIcon（“突出显示”{NAME:“感叹号”}）；
$.FroalaEditor.RegisterCommand（“突出显示”，
{
标题：“亮点”，
焦点：错误，
refreshAfterCallback:false，
回调：函数（）{
//this.html.insert（“+this.html.getSelected（）+”）；
调试器；
}
});

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

$.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;
    }
});