Как настроить диалоговое окно свойств изображения в CKEditor?

мое текущее диалоговое окно свойств изображения имеет только Image Info и Link вкладок. Я хочу изменить это диалоговое окно, так что:

  1. Я хочу удалить элементы Width, Height, Border, HSpace, VSpace, Alignment и Preview из Image Info
  2. Я хочу удалить Link tab
  3. Я хочу, чтобы Upload вкладка, чтобы пользователи могли выбрать файл изображения, который находится на их локальном компьютере

Я делает много поисков, но не может понять, как это сделать вообще. Какие-нибудь указания, пожалуйста? Я использую стандарт CKEditor 4.4.6.

2 ответов


хорошо, вот код о том, как обрабатывать диалоговое окно изображения:

CKEDITOR.on('dialogDefinition', function(ev) {
    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;

    if (dialogName == 'image') {
        var infoTab = dialogDefinition.getContents( 'info' );
        infoTab.remove( 'txtBorder' ); //Remove Element Border From Tab Info
        infoTab.remove( 'txtHSpace' ); //Remove Element Horizontal Space From Tab Info
        infoTab.remove( 'txtVSpace' ); //Remove Element Vertical Space From Tab Info
        infoTab.remove( 'txtWidth' ); //Remove Element Width From Tab Info
        infoTab.remove( 'txtHeight' ); //Remove Element Height From Tab Info

        //Remove tab Link
        dialogDefinition.removeContents( 'Link' );
    }
});

для пункта 3 CKEditor по умолчанию не содержит средства просмотра изображений... И это означает, что кнопка загрузки и просмотра не появится...

есть 3 варианта, и вы можете увидеть мой комментарий на этой странице: ссылке о том, как вы можете сделать это.


следующие ресурсы могут быть полезными:

  • на