wordpress tinyMCE linebreak

时间:2012-02-15 15:15:43

标签: php editor tinymce shortcode

我正在开发一个运行多语言网站的插件,我在tinyMCE编辑器中为每种语言使用短代码[translate lang = en],我正在使用一个函数在每个语言标签周围插入一个div编辑器屏幕,并使用editor-style.css围绕该div创建一个边框,以将每种语言与另一种语言分开。

当我按Enter键换新行时,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]

1 个答案:

答案 0 :(得分:1)

Tinymce是一个实时编辑器,可以创建html代码作为输出。 为了设置html的样式并做其他事情,有必要将书面文本包装成html标签(通常是p标签或div标签)。 Tinymce负责这一点。

为了达到你想要的目的,你需要抓住enter-keydown事件并防止进一步的传播,我不建议。