Блог

Я использую 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 дублирует шаблон для каждой новой строки.

например, если я наберу строку 1 и нажму ENTER, это создаст новый div, и результат будет примерно таким :

вы можете видеть в html-коде, что он повторяется много раз :

размещение содержимого внутри дополнительного <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>