javascript - 所见即所得编辑器：链中编辑器少，编辑器高度限制

Question

我有关于 javascript 所见即所得编辑器的问题。

1.我需要链接几个所见即所得的编辑器。

我的意思是在某个时刻（字符或高度限制）光标应该跳转到下一个编辑器。如果下一个编辑器已经填满 - 光标应该在第一个符号之前跳转（焦点）。如果用户删除文本也一样。类似于列布局的 Aloha 编辑器演示。但我不能使用它，因为链中的编辑器在不同的布局中可能有不同的位置。例如：

2.如何设置编辑器高度限制？例如，当编辑器高度达到某个值时 - 用户无法添加更多文本但可以删除？我已经实现了这一点，但有一个大问题：

已达到编辑器高度限制，但用户仍然可以将文本添加到列表中的任何行（用箭头标记）

这对我来说不管使用哪个所见即所得的编辑器（TinyMCE、Alloha、CKEDITOR），但它应该能够实现我上面描述的所有内容。

Answer 1

要解决的问题很多。没有一个编辑器可以完成所有这些（尤其是 PDF 生成）。我知道没有万无一失的方法可以将编辑器锁定到特定维度并防止在这些维度之外创建内容，但这是我将如何解决的方法：

创建一个页面，将所有元素定位和调整到您需要的确切尺寸（如上面的模型），并使每个元素可单独编辑（参见此示例，使用 CKEditor）。

然后将样式设置为overflow: hidden. 这仍将允许用户创建内容，但会隐藏框尺寸之外的任何内容。然后，当您呈现内容时：

• 为所有元素设置最大高度
• 设置相同overflow: hidden以隐藏您不想显示的任何内容。

这无疑是一种 hack，但却是解决问题的快速方法。