Froala編輯器自定義輸入字段

Question

我一直在環顧四周，但沒有找到解釋如何在froala編輯器的工具欄上創建自定義輸入字段的位置。同樣的事情也到URL按鈕的工作原理：

Froala url input

它有一個輸入字段和插入，我怎麼可以添加一個按鈕具有相似功能的

Answer 1

您可以使用Custom Popup example爲出發點和通過改變如下的initPopup方法從那裏延伸：

// Popup buttons. 
var popup_buttons = ''; 

// Create the list of buttons. 
if (editor.opts.popupButtons.length > 1) { 
    popup_buttons += '<div class="fr-buttons">'; 
    popup_buttons += editor.button.buildList(editor.opts.popupButtons); 
    popup_buttons += '</div>'; 
} 

// Custom layer. 
var custom_layer = '<div class="fr-my-layer fr-layer fr-active" id="fr-my-layer-' + editor.id + '"><div class="fr-input-line"><input id="fr-my-layer-text-' + editor.id + '" type="text" placeholder="' + editor.language.translate('Alternate Text') + '" tabIndex="1"></div><div class="fr-action-buttons"><button type="button" class="fr-command fr-submit" data-cmd="myButton" tabIndex="2" role="button">' + editor.language.translate('Insert') + '</button></div></div>'; 

// Load popup template. 
var template = { 
    buttons: popup_buttons, 
    custom_layer: custom_layer 
}; 

// Create popup. 
var $popup = editor.popups.create('customPlugin.popup', template); 

return $popup;