テキストのチャンクを均等な部分に分割しようとしているので、テキストのページャープラグインを実行できます。他のページャー プラグインのように子を指定することなく、プラグインをコンテナー div に適用できるようにしたい。そのため、Wordpress などの CMS で使用できます。
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
これまでに見つけたすべてのプラグインは子ノードを使用するため、コンテンツを分割します。
<div class="container">
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
コンテナーの高さを設定し、overflow:hidden を CSS で適用すると、コンテンツがインラインであるために分割ポイントを見つけるのに苦労します。
理想的には、テキストをチャンクに分割し、テキスト領域の下にページャー ナビゲーションを作成することを望んでいます。これはすべて、クライアントがスクロールを嫌うためです (はい、2011 年にはまだその段階にあります)。
これにアプローチする方法についての助けは大歓迎です。
コンテンツを分割しようとして、これに最善の方法でアプローチしていますか? Wordpress から the_content() を追加できるように、コンテナーに単純なマークアップが含まれていることが重要です。