tinymce - Tinymce 在内容中换行时重复模板

Question

我正在使用带有插件的Tinymce 5.9.1 。template

我用特殊的 css 代码制作了一个像这样的代码的新模板：

templates: [
     {title: 'green-box', description: 'box tiny green', content: '<div class="tiny-green-box"> Content </div><div class="p-1"></div></br>'},],

它在一行中编辑内容时起作用。当我想放多行时有问题。

Tinymce 为每个新行复制模板。

例如，如果我键入 line1 并按 ENTER，它将创建新的 div，结果将是这样的：

你可以在 html 代码中看到它重复了很多次：

标签： tinymcetinymce-4tinymce-5tinymce-plugins

Answer 1

将内容放在一个额外的<p></p> 标签中可以解决这个问题。最终代码必须是这样的：

templates: [
     {
title: 'green-box', 
description: 'box tiny green', 
content: '<div class="tiny-green-box"><p> Content </p></div><div class="p-1"></div></br>'
}
,],

结果 HTML 代码将如下所示：

<div class="tiny-green-box">
<p>line 1</p>
<p>line 2</p>
<p>line 3</p>
<p>line 4</p>
</div>