为什么在TinyMCE中保存列表会添加额外的列表标签?

时间:2015-06-02 07:55:09

标签: javascript jquery html tinymce

我对TinyMCE有一个问题,我无法弄清楚,这是两种类型的列表olul的问题。 而不是使用“wp_editor”我使用下面的代码,因为我需要有jquery的东西(jquery-ui选项卡中的多个textareas)。 编辑器出现正确,没问题,它显示工具栏,我可以编辑和保存,添加列表等。 正如我在日志中看到的那样正确地保存数据并且数据库中的数据是正确的。

2015-06-02 07:34:21 REQUEST: Array
(
    [questions] => Array
        (
            [6733] => before<br />
              <ol>
               <li>one</li>
               <li>two</li>
               <li>three</li>
              </ol>
            after<br /><br />
         )
)

这是我在代码中使用的内容(我尝试过root_block,br_newlines等各种选项)似乎没什么区别。

echo "<textarea rows='3' name='".$input_name."' id='".$editor_id."' class='tinymce-enabled required'>".$content."</textarea>";
echo "<script>
jQuery(document).ready(function(){
 tinyMCE.init({
  plugins: 'textcolor code',
  mode: 'exact',
  theme: 'modern',
  menubar: false,
  statusbar: false,
  elements: '".$editor_id."',
  forced_root_block: '',
  force_br_newlines: true,
  force_p_newlines: false,
  apply_source_formatting: false,
  cleanup: false
 });
});
</script>";

然而,当我重新加载时,我突然最终得到了这个

one<br />
<ol><br />
<li>one</li><br />
<li>two</li><br />
<li>three</li><br />
</ol><br />
after<br />

最终会在下一次保存时显示一个tripple列表:

one<br /><br />
<ol>
<ol>
<li>one</li>
</ol>
</ol>
<br />
<ol>
<ol>
<li>two</li>
</ol>
</ol>
<br />
<ol>
<ol>
<li>three</li>
</ol>
</ol>
<br /><br /> after

发生了什么????

1 个答案:

答案 0 :(得分:1)

删除<br />之间的所有<ol>....</ol>

one<br />
<ol><br />
<li>one</li><br />
<li>two</li><br />
<li>three</li><br />
</ol><br />
after<br />