3

HTML テキストエリアのライブ編集中に提案パネルを作成しています。{x,y} 座標を取得するには、テキストエリアの背後にある非表示の div を使用します。キャレットの位置を取得し、キャレットの前のテキストとスパン タグを非表示の div にコピーします。次に、スパン座標を取得し、提案パネルに渡します。

唯一の問題は、スペースのない長い行をテキストエリアに追加すると、div パネルでカットされている間に行が折り返されることです (そのため、キャリッジ リターンを追加するまで提案パネルが適切に配置されません)。

これらの 2 つの場所 (textarea と div パネル) に同じようにテキストを合わせる方法はありますか?

(私はjQueryを使用しています)

4

2 に答える 2

6

DIVに のスタイルをword-wrap:break-word指定すると、ワード ラップが強制され、DIV がテキスト ボックスのように長いテキストを処理するようになります。

于 2012-05-28T13:57:45.417 に答える
0

overflow:autoの css にoroverflow:scrollと awidth: / height:を追加するとdiv、スクロール バーが表示されます。スクロール バーはテキストをラップし、境界線のないテキストエリアのように見えます。borderスタイルを指定して、テキストエリアのように見せることもできます。

このような:

 <div style="overflow:auto;width:150px;height:50px;border:1px solid #CCC;">

    Your text goes here

 </div>
于 2012-05-28T13:57:19.840 に答える