wordpress tinyMCE 换行符
我正在开发一个用于运行多语言网站的插件，其中我在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]
I'm developing a plugin for running multilingual websites where I'm using a shortcode [translate lang=en] for each language in the tinyMCE editor, I'm using a function that inserts a div around each language tag in the editor screen, and using editor-style.css to make a border around that div to separate each language from the other.
When I hit enter for a new line, tinyMCE automatically creates a new div around the new line.
what i'm getting when I hit enter:
[translate lang=en]
<div class="lang_editor_divider">line 1</div>
<div class="lang_editor_divider">line 2</div>
[/translate]
what i'm trying to get:
[translate lang=en]
<div class="lang_editor_divider">line 1
line 2</div>
[/translate]
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
Tinymce 是一个实时编辑器，它创建 html 代码作为输出。
为了设置 html 的样式并执行其他操作，有必要将书面文本包装到 html 标签（通常是 p 标签或 div 标签）中。 Tinymce 负责处理这个问题。
为了实现您想要的效果，您需要捕获 Enter-keydown 事件并防止进一步传播，我不建议这样做。
Tinymce is a real-time-editor which creates html code as output.
In order to style the html and do other stuff it is necessary to wrap the written text into html-tags (usually p-tags or div-tags). Tinymce takes care of that.
In order to achieve what you desire you would need to catch the enter-keydown event and prevent the further propagation, which i do not advise.