Ответы пользователя по тегу CKEditor
  • Как записывать данные в texarea из CKEditor 5 Balloon Block?

    @sequelone Автор вопроса
    Разобрался в проблеме. Не в ту секцию код пихал. Вот рабочий вариант:

    <script src="https://cdn.ckeditor.com/ckeditor5/21.0.0/balloon-block/ckeditor.js"></script>
    <script src="https://cdn.ckeditor.com/ckeditor5/21.0.0/balloon-block/translations/ru.js"></script>
    <script>
      const textarea = document.querySelector( '#editor' );
    	BalloonEditor.create( textarea , {
    	      language: 'ru',
            removePlugins: [ 'Table' ],
            toolbar: [ 'bold', 'italic', 'bulletedList', 'numberedList', 'blockQuote' ]
        })
    		.then( editor => {
    			window.editor = editor;
    			
    			editor.model.document.on( 'change:data', ( evt, data ) => {
                console.log( data );
                $('textarea#tickets-editor').html( editor.getData() );
            } );
    		} )
    		.catch( error => {
    			console.error( 'There was a problem initializing the editor.', error );
    		} );
    </script>


    Тоесть надо было в секцию .then( editor => {...} код добавить:

    .then( editor => {
    			window.editor = editor;
    			
    			editor.model.document.on( 'change:data', ( evt, data ) => {
                console.log( data );
                $('textarea#tickets-editor').html( editor.getData() );
            } );
    		} )
    Ответ написан
    Комментировать
  • Как локализовать CKEditor 5 Balloon Block?

    @sequelone Автор вопроса
    Оказалось всё довольно просто. Нужно было подсоединить файл локализации:

    <script src="https://cdn.ckeditor.com/ckeditor5/21.0.0/balloon-block/translations/ru.js"></script>
    Ответ написан
    Комментировать