Wysiwyg编辑：链中和编辑器高度限制的少数编辑

Question

我有关于javascript wysiwyg编辑的问题。

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

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

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

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

这对我来说无论是使用什么样的编辑器（TinyMCE，Alloha，CKEDITOR），它都应该能够实现我上面描述的所有内容。

Answer 1

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

创建一个页面，其中所有元素的位置和大小均为您需要的精确尺寸（如上面的模型），并使每个元素可单独编辑（see this example use CKEditor）。

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

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

这无疑是一种黑客行为，但却是解决问题的快捷方法。