Как генерировать PDF из HTML и CSS в Vuejs?

Question

Я работаю над инструментом "Resume Builder", используя Vuejs.Есть ли лучший способ для создания PDF (резюме) из HTML с CSS.Я использовал библиотеку jsPdf, но не получил желаемых результатов.Я хочу, чтобы тег html "a" был активным в сгенерированном pdf.Я также пробовал html2canvas.js, но в этом теге "a" нельзя щелкать из-за изображения в pdf.jsPdf генерирует PDF, но не применяет CSS.

Answer 1

Я рекомендую вам изучить несколько иной подход к генерации PDF из HTML только потому, что все клиентские библиотеки для генерации HTML в PDF имеют много проблем при создании действительно сложных документов с большим количеством форматирования и т. Д.

Альтернативный способ - выполнить генерацию PDF непосредственно на стороне сервера.Например, вы можете использовать Headless Chrome, управляемый вашим бэкэндом, для преобразования любого HTML в PDF.

Мы использовали очень похожий подход для реализации генерации PDF для этой бесплатной службы резюме .Единственным недостатком, с которым мы столкнулись, было то, что разные браузеры, такие как Firefox или IE, могли иногда отображать HTML-документ, немного отличающийся от того, как он распечатывается как PDF или Chrome.Удачи!

Answer 2

Я нашел, что Kendo UI - лучший API для pdf из DOM.

https://docs.telerik.com/kendo-ui/framework/drawing/drawing-dom

Answer 3

Возможно, вы захотите попробовать PDF.

PDF Make на Github

Имеет поддержку стилей и ссылок. Но большую часть стайлинга вы должны выполнять сами.