CKEDITOR автоматически увеличивает высоту содержимого при использовании ввода в нижней части редактора

Я использую CKEditor в своем проекте, у меня есть требование печатать содержимое ckeditor на странице, поэтому я хочу ограничить высоту ckeditor, поэтому я задал высоту как 220px и удалил полосы прокрутки, используя overflow: hidden, но когда пользователь переходит в конец области ckeditor и нажимает ввод, содержимое увеличивается без опции полосы прокрутки.

Есть ли способ, которым я могу ограничить количество строк контента в ckeditor?

Ниже мой код для ckeditor:

 CKEDITOR.replace('summaryEditor',
    {
        toolbar:
        [            
            { name: 'customToolBar', items: ['Bold', 'Italic', 'Underline', 'JustifyLeft', 'JustifyCenter', 'Font', 'FontSize', 'NumberedList', 'BulletedList', 'Link', 'Image', 'Table', 'Source', 'questions'] }
        ],
        height: '220px',
        resize_enabled: false,
        contentsCss: 'body {overflow:hidden;}',
        autoGrow_onStartup: false,
        extraPlugins: 'questions',
        removePlugins: 'elementspath'
    });

1 ответ

Плагин autogrow не является частью 3 стандартных сборок CKEditor, базовой, стандартной или полной. Так что я не уверен, как вы это установили и включили, если не хотите.

Но если вы просто добавите 'autogrow' в свой список removePlugins, он остановится.

Но, тем не менее, ваши настройки высоты должны переопределять высоту содержимого редактора. Я просто установил высоту на 100, и она отлично работает.

CKEDITOR.replace('editor', {
    height: 100
  });

Вот plnkr для демонстрации: http://plnkr.co/edit/lsFaT1CMMeDePnjVc5RD?p=preview

Другие вопросы по тегам