Высота редактора TinyMCE не изменится - PullRequest
0 голосов
/ 25 апреля 2018

Я новичок в tinymce и использую редактор с angularJS. Я использую библиотеку tinymce 4.3.13 Использование следующего HTML и angularJS кода для создания редактора tinymce. При рендеринге редактора в пользовательском интерфейсе высота становится очень маленькой (75 пикселей), она не устанавливает заданную высоту в объекте tinymceOptions. Перепробовал много решений, но не смог найти решение. Высоко ценю любую помощь.

<textarea class="form-control" ui-tinymce="tinymceOptions" rows="16" required></textarea>

$scope.tinymceOptions = {
        plugins: [
            'autoresize advlist autolink lists link image charmap print preview hr anchor pagebreak',
            'searchreplace wordcount visualblocks visualchars code fullscreen',
            'insertdatetime media nonbreaking save table contextmenu directionality',
            'emoticons template paste textcolor colorpicker textpattern imagetools codesample'
        ],
        autoresize_bottom_margin : 5,
        menubar:false,
        statusbar: false,
        toolbar: 'undo redo cut copy paste pastetext alignleft aligncenter alignright alignjustify bullist numlist outdent indent bold italic underline strikethrough formats removeformat fontselect fontsizeselect forecolor backcolor link hr',
        height: 400,
        width: 1200,
        theme: 'modern',
    };

1 Ответ

0 голосов
/ 25 апреля 2018
tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  plugins: "autoresize",
  selector: '#editor',
  selector: 'textarea',  // change this value according to your HTML
  autoresize_min_height: 100,
  autoresize_max_height: 1000,
  autoresize_bottom_margin: 0,
  allow_conditional_comments: true
});

пожалуйста, посмотрите плагин автоматического изменения размера документация

...