Диалог настройки свойств изображения в cgitor ng-2 - PullRequest
Новая
       6

Диалог настройки свойств изображения в cgitor ng-2

0 голосов
/ 21 ноября 2018

Я использую ng-2 ckeditor в своем проекте angular 6 и хочу настроить диалоговое окно свойств изображения.

enter image description here

Из вышеприведенногоНа рисунке я хочу скрыть ссылки и дополнительные вкладки, а также скрыть поля ввода URL и альтернативного текста.

Я нашел способ выполнить работу, но он применим только для CK Editor 4.

Вот код: 

CKEDITOR.on( 'dialogDefinition', function( ev ) {
      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' );
      }
    });
  }

Я также пыталсяиспользуйте его для угловых

Вот мой код: 

let editor = this.ckeditor.instance;


    editor.instance.document.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' );
      }
    });

Есть ли какие-либо методы, доступные для настройки этого диалогового окна свойств изображения в ckeditor ng-2.

...