0

div を持つ HTML アプリケーションを書きたい

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

ユーザーがこの div にコンテンツを入力していて、スペース (高さ) が不足している間に、コンテンツを次の div (この div の下の別の div) に移動する必要があります。

これはどのように達成できますか？div のイベントをリッスンし、高さ (200px を超えているかどうか) をチェックし続けることができます。

編集不可能なドキュメントに対しては多くの解決策を見つけることができましたが、私の問題に対する解決策はありませんでした。

任意のポインタをいただければ幸いです。ありがとう。

4

1 に答える 1

0

div のコンテンツの高さを確認し、特定の高さでオーバーフローしている場合は、コンテンツを別の div に移動します。

これを行うには、keydown() ごとにコンテンツ サイズをチェックし、コンテンツが div に対して大きすぎる場合は新しい div を作成する JavaScript を使用する必要があります。ここで重要なのは、 keydown ごとにこのシナリオをリッスンして実行することです。

  • コンテンツの高さが 200px より大きいかどうかを確認します
  • そうであれば、新しい div を作成し、その中にコンテンツを入れます
  • ページネーションに新しいアイテムを追加します (そして、作成された div を表示する方法)
  • 編集可能な div を消去する

このプロセス中にユーザーが入力 (たとえば、1 つまたは 2 つのキー入力) を失わないように注意してください...

于 2013-07-29T15:07:54.463 に答える