如何將 HTML 頁面(React實現)的一部分轉成 PDF ?

時間 2021-06-08 13:30:38

1樓:待宰的豬

(其中樣式用react-inline-css這個庫轉化為內聯樣式),最後用html-to-pdf這個外掛程式轉化成pdf?!

2樓:破滅訣

let exportPdf = $(this.refs.exportPdf)

$(document).find('body').html(exportPdf)

window.print()

window.location.reload()我們也有這個需求(手動哭),弄了一晚上,試了很多方法,這是最還原的辦法了。

我也用的react,而且用echarts畫了很多圖和做了很多表。應該可以針對每個問題有針對性的解決辦法。沒時間了,暫時就只能這麼弄

3樓:楓樺林

1. 使用瀏覽器自帶列印功能,頁面樣式全部丟失,而且我不希望把整個頁面列印下來

頁面樣式丟失主要是IE瀏覽器的問題,谷歌跟火狐經測試是正常的;

列印頁面具體區域可以使用CSS樣式或者使用JS來設定具體區域。

2. 使用jspdf這個庫,無法識別到react元件,內容、樣式全部丟失

其他PDF元件暫時不能完全相容HTML及JS生成後頁面的展示效果與CSS樣式;推薦在後台寫乙個PDF模板然後帶參生成具體PDF,將PDF模板與頁面展示效果保持一致即可。

4樓:賀人慶

截圖(有外掛程式可以在命令列用firefox截圖)——PIL裁剪需要得部分——再轉PDF,亂答的,如果需要文本版的這個方案就不可行了。

如何將 HTML 批量轉成 PDF?

白菜較瘦 這個可以用笨辦法,就是先將乙個個html轉成單獨的pdf檔案,然後可以用福昕PDF https www.foxitsoftware.cn 旗下PDF365裡的pdf合併工具合併成乙個PDF檔案 pdf合併 https www.pdf365.cn pdf merge 宣少 像我這種懶人,通常...

如何將vector int iterator轉換成int ?

cqwrteur C 20有std to address 同時還可以用 if constexpr std contiguous iterator 判斷 建議呼叫演算法全部用指標 從前有座山 stl可以理解為對一套介面的定義,是一套標準,stl原始碼剖析,只是使用了其中一種比較容易閱讀的實現來進行講解...

如何將人看透?

PS 我認為快速看透真的是一項很難很難的技巧,快速的話,最多就有個大致的了解已經不錯了 要快速得對乙個人有大致的了解的話,個人經驗有幾點 1 在經常接觸過很多態別的人的情況下,相信你的直覺,特別是第一印象。第一印象是基石,後面的接觸都是不斷修正的過程,但是第一印象有70 80 是很接近的。但第一印象...