tinyMCE5 仅在 Firefox 上自动添加 p 标签答案

【问题标题】：tinyMCE5 is adding p tags automatically only on firefoxtinyMCE5 仅在 Firefox 上自动添加 p 标签
【发布时间】：2021-06-17 17:39:27
【问题描述】：

我有一个使用 tinymce5 的编辑器，在 chrome 和其他浏览器上运行良好，但使用 mozilla firefox，我的编辑器上的每一行都有一个额外的 p 标签。我将它与角度一起使用。

目前我有这样的编辑器初始化

    <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-angular' 的编辑器我

我在以前的版本中看到，对于这种情况，我们有属性“force_p_newlines: false”，但我在这个版本上尝试过，但没有用。

【问题讨论】：

您能帮忙提一下您为<editor /> 使用的框架吗？我假设@tinymce/tinymce-angular？此外，独立编辑器是否会发生相同的行为？您可以使用fiddle.tiny.cloud 作为游乐场进行测试。
是的，我使用@tinymce/tinymce-angular 作为编辑器。不，使用独立编辑器时，我添加一行时没有添加自动 p 标签

标签： angular firefox tinymce tinymce-5 tinymce-3

【解决方案1】：

您可以通过将 tinymce 导入到您的组件中来做到这一点。从“tinymce”导入 * 作为 tinyMCE

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

这应该可以解决您的问题。

【讨论】：