WordPress TinyMCE перевод строки

Question

Я разрабатываю плагин для запуска многоязычных веб-сайтов, где я использую шорткод [translate lang = en] для каждого языка в редакторе tinyMCE, я использую функцию, которая вставляет div вокруг каждого языкового тега вэкран редактора и использование editor-style.css для создания границы вокруг этого div, чтобы отделить каждый язык от другого.

Когда я нажимаю ввод для новой строки, tinyMCE автоматически создает новый div вокруг новой строки..

что я получаю, когда нажимаю, введите:

[translate lang=en]
<div class="lang_editor_divider">line 1</div>
<div class="lang_editor_divider">line 2</div>
[/translate]

что я пытаюсь получить:

[translate lang=en]
<div class="lang_editor_divider">line 1
line 2</div>
[/translate]

Answer 1

Tinymce - это редактор в реальном времени, который создает HTML-код в качестве вывода. Чтобы стилизовать html и сделать другие вещи, необходимо обернуть написанный текст в html-теги (обычно p-теги или div-теги). Tinymce позаботится об этом.

Чтобы достичь желаемого, вам нужно перехватить событие ввода-ввода и предотвратить дальнейшее распространение, которое я не советую.