私は作家に建設的な批評をよりよく与えるためにウェブアプリケーションを構築しています。この一部には、HTML5のキャンバスで走り書きするために、html形式のテキストの一部をフェッチすることが含まれます。まるで赤いペンでページをマークしているかのように。
1ページに相当する（500 x 600px）テキストを一度に表示するための最良の方法を見つけるのに苦労しています。単語数は機能する可能性がありますが、厄介な場所でも物事を遮断します。文字数、タグの削除、および段落区切りのスペースの方がうまくいく場合がありますが、モノタイプフォントでのみ可能です。
では、サイズに基づいてテキストを自動的に切り取るための最良の方法は何でしょうか。それとも、別のアプローチを完全に探す必要がありますか？
最終的に見つけた解決策は次のとおりです。
Pomax の「bookstyle」は、javascript と少しの PHP を使用してテキストをサニタイズするというトリックを行いました。
テキストは、指定された clientHeight をオーバーフローするまで、動的に生成されたページ サイズの div に読み込まれます。オーバーフローが発生すると、最後の段落を差し引いたページを補充し、ページの下部がいっぱいになるまで、その段落を単語ごとに追加しようとします。最後に、ページは hide() および show() コマンドで「ナビゲート」されます。
毎回最後の段落でボトルネックが発生し、ブラウザが各単語を個別に追加してタグを自動的に閉じようとするのに問題がありましたが、全体として、必要なことを実行します.
http://pomax.nihongoresources.com/downloads/bookstyle/
もちろん、すべての功績は Pomax にあります。