CKEditorリンクのカスタマイズダイアログ

Question

CKEditorのリンクダイアログのリンクinfoTabにドロップダウンオプションを追加します。それ、どうやったら出来るの？

Answer 1

私はあなたがinfoTabでドロップダウンについて話していると仮定しています。その場合は、dialogDefinition eventを使用して右のダイアログとフィールドに移動してください。

var editor = CKEDITOR.replace('editor1', {}); 
CKEDITOR.on('dialogDefinition', function(ev) { 
    var dialogName = ev.data.name; 
    var dialogDefinition = ev.data.definition; 
    if (dialogName == 'link'){ 
     var infoTab = dialogDefinition.getContents('info'); 
     var protocolDropdown = infoTab.get('protocol'); 
     protocolDropdown.items.push(['xyz', 'XYZ']); 
    } 
});