Блог

Главная - Вопросы по программированию - tinyMCE5 автоматически добавляет теги p только в firefox

tinyMCE5 автоматически добавляет теги p только в firefox

#angular #firefox #tinymce #tinymce-5 #tinymce-3

Вопрос:

У меня есть редактор с tinymce5, который хорошо работает в chrome и других браузерах, но в mozilla firefox каждая строка в моем редакторе получает дополнительный тег p. я использую его с angular.

В настоящее время у меня есть редактор, инициализированный следующим образом

     <editor name="resultEditor" 
            contenteditable="false" overflow="true" id="resultEditor" [(ngModel)]="resultEditor"
            [disabled]="true"
            [init]="{base_url: '/tinymce',
            suffix: '.min',
            height: 450,
            menubar: false,
            branding: false,
            toolbar: false,
            statusbar: false,
            content_style: '.mce-content-body { font-family: monospace;} p {margin: 0}'}">
   </editor>

для редактора я использую «@tinymce/tinymce-угловой»

Я видел в предыдущих версиях, что для этого случая у нас было свойство «force_p_newlines: false», но я попробовал его в этой версии, и это не сработало.

Комментарии:

1. Не могли бы вы помочь, упомянув, для какой платформы вы используете <editor /> ? Я полагаю @tinymce/tinymce-angular ? Кроме того, происходит ли то же самое поведение с автономным редактором? Вы можете использовать fiddle.tiny.cloud в качестве игровой площадки для тестирования.

2. Да, я использую @tinymce/tinymce-angular для редактора. Нет, в автономном редакторе у меня нет автоматического добавления тега p при добавлении строки

Ответ №1:

вы можете сделать это, импортировав tinymce в свой компонент. импорт * как TinyMCE из «tinymce»

 ngOnInit(){
tinyMCE.init({
  mode : "textareas",
  theme : "advanced",
  force_br_newlines : false,
  force_p_newlines : false,
  forced_root_block : false,
});
}

это должно решить вашу проблему.

Метки: