wordpress tinyMCE 换行

Question

我正在开发一个用于运行多语言网站的插件，我在 tinyMCE 编辑器中为每种语言使用简码 [translate lang=en]，我正在使用在每个语言标签周围插入一个 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-tags（通常是 p-tags 或 div-tags）。 Tinymce 会处理这个问题。

为了实现你想要的，你需要捕获 enter-keydown 事件并防止进一步传播，我不建议这样做。