Froalaカスタムテンプレート（ボタン）

Question

テンプレートを追加するボタンを追加できますか？ EXの場合：私はこの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のを使用している場合、あなたは「toolbarButtons」に追加する必要があります、あなたのコマンドの名前は次のように作成しました：

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