TinyMCE：如何在编辑器中阻止“<br data-mce-bogus="1"/>”文本？

Question

我有一个包含多个TinyMCE（v4）编辑器的页面，这些编辑器都运行良好......直到我尝试添加：

inline: true

到他们的配置。当我这样做时，内联部分工作得很好（工具栏已经消失，然后在我关注编辑器时出现），但由于一些奇怪的原因，编辑器在那时停止工作。在编辑器中我看到：

<br data-mce-bogus="1">

但是我无法编辑该文本，或添加新文本，或者根本无法使用编辑器执行任何操作。

如果删除inline: true，我可以让编辑器再次运行，但我真的想要内联效果。有没有人知道如何在不破坏我的编辑的情况下获得inline？

Answer 1

我最近遇到了这个问题，inline: true无法使用textarea。我将我改为div，现在按预期工作。

Answer 2

实际上，“bogus”br标签也出现在内联div中。只要输入字段为空，就会添加它们。似乎没有简单的方法可以摆脱它们。我在预览阶段使用CSS规则：

br[data-mce-bogus="1"] {
  display:none;
}

然后在用户尝试保存时将其删除，然后将其删除。

Answer 3

您使用的是tinymce jQuery包吗？在我尝试使用普通的tinymce包之前，同样的事情发生在我身上。

Answer 4

<script>
$(document).ready(function () {
    $("#comment").ready(function () {
        $("#comment").val("")
    })

})
</script>

我在html中添加了这个jquery脚本来解决这个bug。