Установка ширины изображения в CKEditor 5 - PullRequest
Новая
       37

Установка ширины изображения в CKEditor 5

0 голосов
/ 03 октября 2018

У меня есть страница, где я использую CKEditor 5 с CKFinder 3. По умолчанию изображения, включенные в текстовую область, являются адаптивными и могут быть выровнены только как full или right.

.На странице есть фотографии контактов, и они не должны быть такими большими.Как настроить ширину изображения, которое вставляется через кнопку на панели инструментов? 

ClassicEditor
    .create( document.querySelector( '#pageTextArea' ), {
        image: {
            styles: [ { name: 'contact', icon: 'right', title: 'My contact style', className: 'my-contact-side-image' } ]
        }
        ckfinder: {
            uploadUrl: 'example.com/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json'
        }
    })

    .catch( error => {
        console.error( error );
        process.exit(1);
    });

1 Ответ

0 голосов
/ 03 октября 2018

Чтобы обеспечить пользовательский стиль изображения, вам необходимо:

Во-первых, настроить параметр image.styles . 

ClassicEditor.create( element, {
     // ...
     image: {
          // ...
          styles: [
              // Pottentially some other style can go here. E.g. the `full` or `side`.
              { name: 'contact', icon: 'right', title: 'My contact style', className: 'my-contact-side-image' }
          ]
     }
}

А во-вторых, сделать изображение 100pxпо CSS

...