Wysiwyg編輯：鏈和編輯器高度限制的幾個ediotors

Question

我必須對javascript wysiwyg編輯器的問題。

1.我需要鏈接幾個wysiwyg編輯器。

我的意思是，在某些時刻（字符或高度限制）光標應該跳到下一個編輯器。如果下一個編輯器已經被填充 - 光標應該在第一個符號之前跳轉（焦點）。同樣如果用戶刪除文本。像阿羅哈編輯器demo for column layout。但是我不能使用它，因爲鏈中的編輯可能在不同的佈局中有不同的位置。例如：

2.如何設置編輯器高度限制？例如，當編輯器的高度達到一定的值 - 用戶不能添加更多的文本，但可以刪除？我已經實現這一點，但有一個很大的問題：到達

編輯器的高度限制，但用戶仍然可以將文本添加到列表中的任何線（標有箭頭）

這無論我使用哪個wysiwyg編輯器（TinyMCE，Alloha，CKEDITOR），但它應該能夠實現我上面描述的所有內容。

Answer 1

這是一個需要解決的問題。沒有一個編輯會完成所有這些工作（尤其是PDF生成）。我不知道這種方法會將編輯器鎖定到特定的尺寸，並防止在這些尺寸之外創建內容，但以下是我將如何解決它：

創建一個頁面，其中包含所有元素的位置和大小到您需要的確切尺寸（如上面的模型），並使每個元素可單獨編輯（see this example use CKEditor）。

然後將樣式設置爲overflow: hidden。這仍然允許用戶創建內容，但會隱藏箱子尺寸以外的任何內容。然後，當你呈現內容：

• 設置上所有的元素
• 設置相同overflow: hidden隱藏你不想顯示的任何內容的最大高度。

這無疑是一個破解，但一個快速解決問題的方法。