可変コンテンツドキュメントのページネーション

Question

プロジェクトはCakePHPを使用して開発されています。

このページはニュースフィードの記事です。

ページごとに（x）個のレコード、または（x）ページごとに画像の数を返す場合、または単語/段落/文字の数を制限する場合でも、ページ分割は簡単ですが、ページの視覚的な長さ？

一部の記事には大量のテキストと大量の画像が含まれているため、問題が発生しました。コンテンツが完全に動的な場合に、ページネーションを開発する方法を知りたいと思います。つまり、100％テキスト、テキスト、3枚の写真、10枚の写真などになります。

コードはありがたいですが、コンセプトさえあれば有益です、ありがとう！

Answer 1

cakephpがわかりませんが、文字数を数えるのはどうですか？

記事に10.000文字があり、各ページに500語を超えないようにするとします。平均的な単語の長さが5文字の場合、500 * 5 = 2500という文字に移動し、次の最後の段落を探して、このポイントを次ページのマークとして取得します。 画像にも同じ概念を使用できますが、画像の高さを考慮してください...

いいですか？

Answer 2

ページの幅と画像の高さがわかっているため、テキストのピクセルの高さを概算できたためです。

次に、画像、スペース、およびテキストの高さを取得し、エラーの特定の割合内で許容される合計高さからそれを減算しました。これは、画像を間違ったページにプッシュしないため最後の10ピクセルが制限を超えています。

また、画像または文が適切な外観を与えない次のページにプッシュされた場合、アイテムを前のページに強制する方法があります。