Froala Wysiwyg - 맞춤 드롭 다운에 맞춤 및 툴바 버튼 추가하기

Question

toolbarXS가 활성화되었을 때 모든 툴바 버튼을 추가하기 위해 more 맞춤 드롭 다운을 생성하려고합니다. XS의 누락 된 아이콘은 모두 more이어야합니다. 드롭 다운. 불행하게도 워드 프로세서가 보여주는 외에 아무것도하지 않는 텍스트 만 옵션을 출력하는 명확하고하지 않습니다.

사람이 그것을 수행하는 방법에 도움이 될 수 있다면 난 궁금 해서요.

즉

// define annotation button for imagePopup 
$.FroalaEditor.DefineIcon('annotationIcon', { NAME: 'pencil'}); // the icon 
$.FroalaEditor.RegisterCommand('annotation', { // the button 
    title: 'Annotation', 
    icon: 'annotationIcon', 
    undo: true, // Save the button action into undo stack. 
    focus: true, // Focus inside the editor before the callback. 
    showOnMobile: true, // Show the button on mobile or not. 
    refreshAfterCallback: true, // Refresh the buttons state after the callback. 
    // Called when the button is hit. 
    callback: function() { 
    annotateImage(this); 
    } 
}) 

// Define `more` dropdown button. 
$.FroalaEditor.RegisterCommand('moreDropdown', { 
    title: 'More', 
    icon: 'More', 
    undo: true, 
    focus: true, 
    type: 'dropdown', 
    options: { 
    "annotation": 'annotation' 
    }, 
}); 

사전에

감사

편집 : 내가 지금 알아낼 수있는 유일한 방법입니다 는

html: function() { 
    return 'HTML_CODE' 
} 

를 사용하고 단지 역겨운 인 자신에 의해 모든 UL를 작성하고 적절한 방법은 아닌 것 같아합니다 그것을하는 것.

도움이 될 것입니다.

Answer 1

froala 친구들과 이야기 한 후! Custom popup 은 도구 모음 버튼이있는 팝업을 드롭 다운으로 구현하기위한 솔루션입니다.

감사합니다.