HTML分頁爲可編輯文檔

Question

我想寫它有一個div

contenteditable=true 
height: 200px; 
width: 200px; 
word-wrap: break-word; 

當用戶在這個div鍵入內容的HTML應用程序，他耗盡空間（高度） - 我想要的內容應該移動到下一個div（在此之下的另一個div）

這怎麼能實現？我可以聽取div上的事件並不斷檢查身高（是否增長超過200px），然後呢？

我可以找到很多針對不可編輯文檔的解決方案，但沒有解決我的問題。

任何指針讚賞。謝謝。

Answer 1

您可以檢查div內容的高度，如果溢出某個高度，請將內容移動到另一個div中。

要做到這一點，您必須使用一些JavaScript，它會檢查每個keydown（）的內容大小，並在內容對於div太大時創建新的div。這裏的關鍵是傾聽，並在每個的keydown執行這樣的場景：

• 檢查內容的高度大於200像素
• 如果這是真的大，創建一個新的div並把內容在裏面
• 附加到分頁一個新的項目（也可能是一種方式來顯示在創建div）
• 清潔可編輯的div

要小心，你的用戶不會丟失輸入（一個或例如兩個關鍵投入）在這個過程中s ...