拆分长文本以进行分页显示

Question

我正在为一个写小说的朋友建立一个网站，并希望将其逐章显示在类似书的显示中，并且翻页。

我在Angular 2中有一个前端应用程序，在Java中有一个后端应用程序（因为它们是我更熟悉的工具）。 Angular应用程序上的后台允许用户添加章节的文本，该文本将发送到后端以存储在数据库中。 然后，Angular的前端调用后端以检索该章，并且必须将其显示在类似于书的显示器中。

我的问题是如何将本章的文本分成几页显示。 我可以更改后台以强制用户逐页添加文本。 我可以要求用户在文本中放置一个特定的标记以指示分页符。 但我希望该过程对用户尽可能透明。

因此，我通过在后端拆分文本来寻求解决方案。 我估计一行上有多少个字符，一页上有多少行，然后我相应地剪切了文本（进行了一些调整，因为它是带有标签的HTML文本）。 但这感觉很严格，因为无论显示界面的大小如何，我都选择页面的大小。

所以我想知道是否有更好的方法：-不同的分割算法-可以在不分割文本的情况下显示我的文本的工具正面-其他

是否有人必须面对类似的问题？

谢谢

Answer 1

您正在服务器端执行该操作，而没有页面长度的意义。

我认为更好的方法应该是从后端到前端获得完整的章节。 并具有一个前端函数，该函数将计算：-基于页面大小的每行字符数-基于页面大小的行数-基于先前信息的章节页面数

这是比完整后端方法更好的方法。

然而; 这不是响应式方法。

您是否有兴趣并需要快速响应？

如是; 您可以在页面的长度/高度上添加监视以重新计算上述值并重新生成页面