HTML形式のファイルに見えるテキストの行を数えることはできますか？

Question

私たちは、人々がHTML形式のテキストを入力できるようにするフォームを用意しています。その入力はWebページ上の他の場所に表示されます。

レイアウトの制約のため、入力はX線よりも長くなることはありません。ウェブページに編集されたテキストのプレビューはありません。提出時の入力はすぐに公開されます。 （私はレイアウトを修正できない理由：問題のテキストはイメージの上にオーバーレイとして表示されます。オーバーレイはイメージのサイズに関連して固定されています。以上）

私は人々があまりにも多くのテキストを入力しないようにするために何かを実装するよう求められています。

私の最初の試みは "maxLength"のために行っていましたが、入力のhtmlフォーマットの可能性のために間違っています。

明らかに2つの1.ユーザーがスマートであることを期待している、そして/または2.プレビュー方法を実装している場合、他にどのようにこれを解決できますか？

それはテクノロジーが使用

不可能である理由私はアイデアを、私も説明を受け入れるだろうしています

ます。java、改札1.4.xの

Answer 1

を私はこれかもしれウェブ開発の専門家ではありません正確な答えではない。

ブラウザでレンダリングされたHTML要素の有効サイズを取得することができます。したがって、1つの解決策は、ページをサーバー側にレンダリングし、結果が期待したサイズを超えているかどうかを確認することです。

ただし、サーバーがクライアントとは異なる方法でページを表示する可能性があるため、正しい結果が得られないことがあります。入力を受け入れることもできますし、クライアントがページをレンダリングするときに、レンダリングされた結果が正常かどうかをチェックするJavaScriptのスニペットを付けてください（今度はクライアント側）。そうでない場合は、javascriptでクライアントをエラーページにリダイレクトして、入力内容を編集できるようにします。

しかし、ユーザーがあまりにも多くのテキストを入力すると、何も壊れないようにレイアウトを変更することです。 CSSのオーバーフロープロパティを使用することは、始めることができます。あなたは、あなたが望むサイズにフィットするまで動的にテキストサイズを変更するなどの、より良いソリューションをjavascriptで実装することもできます。