javascript - 用于不可编辑的可嵌入对象的所见即所得编辑器

Question

我正在寻找一个 js 所见即所得编辑器，它可以让我插入现成的内容，这些内容应该无法通过编辑器的界面进行编辑，但可以通过编辑器上的链接和一些自定义用户界面进行编辑。用户应该能够将对象添加到内容中，这些对象过于复杂，默认情况下无法由编辑器处理，并且最终会在页面显示时呈现。

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

Answer 1

我使用 YUI 富文本编辑器实现了类似的东西。考虑到我的要求，处理 iFrame 内的不可编辑元素是一件麻烦事。我最终做的是这样的:每当用户使用工具栏插入自定义项目(在我的例子中，它是一个带有可嵌入视频的自定义画廊等)，我会在光标处“拆分”编辑器的内容，在编辑器“之间”插入一个画廊。你最终得到了 2 个实际的编辑器和一个画廊:

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