Froala自定义模板（按钮）

Question

我可以添加添加模板的按钮吗？例如：

当我点击这个btn时，我会这样做：

$(function() {
  $.FroalaEditor.DefineIcon("quote", {NAME: "quote-left"});
  $.FroalaEditor.RegisterCommand("customQuote", {
    title: "qoute",
    focus: true,
    undo: true,
    icon: "quote",
    callback: function() {
        var text = this.selection.text();
        var wrapper = "&nbsp<div class='quote-wrap'>";

        wrapper += "<span class='quote-wrap__content'>" + (text || "text") + "</span>";
        wrapper += "<p class='quote-wrap__info'>";
        wrapper += "<span class='quote-wrap__info_author'>author</span>";
        wrapper += "<span class='quote-wrap__info_post'>post</span>";
        wrapper += "</p></div><p></p>";

        this.html.insert(wrapper);
    }
  });
});

作者我可以编辑和内容。但是当内容为空时 - 删除此块。 我可以这样做吗？

Answer 1

如果您正在使用jQuery，则需要添加到＆＃34; toolbarButtons＆＃34;，您创建的命令名称如下：

$("#element").froalaEditor({
    toolbarButtons: ["customQuote"]
});