我正在创建一个根据用户条目动态生成文档的Web应用程序，用户可以在表单旁边看到他的文档预览（每次用户回答问题时都会更新预览）。但我现在遇到麻烦，试图找出一种方法，从丑陋的弹出窗口转换为真实的PDF，如预览，用户可以在其中看到他的文档与输出（pdf）相同的外观。
我尝试了很多方法，例如检查哪个子元素溢出并将它（它旁边的元素）移动到下一个元素，但是如果子元素太大，那么我将在第一页上有两行，一半在另一个等...
我已经考虑过从弹出窗口创建一个画布（截图），但应用程序将非常贪婪地使用浏览器的资源并且会杀死应用程序的性能。
最好的方法是什么？
在jquery中有没有办法分割它：
<span>
<span>
<span>
Lorem impus
</span>
</span>
</span>
到此
<span>
<span>
<span>
Lorem
</span>
</span>
</span>
<span>
<span>
<span>
impus
</span>
</span>
</span>
但是很快就没有影响应用程序的性能？