WYSIWYG编辑器，用于不可编辑的可嵌入对象

Question

我正在寻找一个js WYSIWYG编辑器，它允许我通过编辑器的界面插入应该是不可编辑的现成内容，但是通过它上面的链接和一些自定义用户界面。用户应该能够向内容添加太复杂的对象，默认情况下编辑器无法处理这些对象，并且在显示页面时最终呈现。

环顾四周，我找到了一些TinyMCE插件，non-editable content和atomic sections，它们都指向正确的方向，但对我来说看起来并不太有希望。为此，我想知道是否有人有实现这样的功能的经验，或者可以指向一个可能比TinyMCE更适合的编辑器？

Answer 1

我使用YUI Rich Text Editor实现了类似的功能。考虑到我的要求，在iFrame中处理不可编辑的元素是一件麻烦事。我最终做的是：每当用户使用工具栏插入自定义项目时（在我的情况下，它是一个带有可嵌入视频的自定义图库等），我会在光标处“分割”编辑器的内容。在编辑器之间插入一个库。你最终得到了2个实际的编辑器和一个画廊：

管理和渲染所有对象需要一些工作，它有其缺点。但是使用适当的CSS和一些JS，它可以看起来像是编辑器的一部分。

Answer 2

我认为你应该坚持使用Tinymce。实际上，浏览器的所有实时编辑器都使用iframe，由于样式问题，文本会被放入其中。因此，使用其他编辑器无法解决MK_Dev描述的iframe问题。