Pergi ChromeDP mengabaikan mana-mana CSS luaran atau dalaman semasa mencetak ke pdf, hanya menggunakan CSS daripada fail html-Golang-php.cn

Pergi ChromeDP mengabaikan mana-mana CSS luaran atau dalaman semasa mencetak ke pdf, hanya menggunakan CSS daripada fail html

PHPz

Lepaskan： 2024-02-10 14:42:09

ke hadapan

623 orang telah melayarinya

Go ChromeDP 在打印到 pdf 期间忽略任何外部或内部 CSS，仅使用 html 文件中的 CSS

editor php Youzi akan memperkenalkan kepada anda alat yang dipanggil Go ChromeDP Dalam proses mencetak halaman web ke PDF, ia boleh mengabaikan semua gaya CSS luaran dan dalaman dan hanya menggunakan gaya CSS dalam fail HTML. Alat ini boleh membantu pembangun mengawal gaya output PDF dengan lebih baik dan menyediakan pilihan penyesuaian yang lebih fleksibel. Dengan Go ChromeDP, kami boleh menjana dokumen PDF berkualiti tinggi dengan mudah yang memenuhi keperluan kami, memberikan pengalaman dan fungsi pengguna yang lebih baik untuk projek kami. Seterusnya, mari kita ketahui tentang penggunaan dan ciri Go ChromeDP!

Kandungan soalan

go chromedp tidak menggunakan sebarang css, sama ada gaya dalaman mahupun luaran (hanya gaya yang ditulis dalam html, bukan fail lain). Kaedah yang saya gunakan

page.setdocumentcontent(frametree.frame.id, string(buf.bytes())).do(ctx)

Salin selepas log masuk

Tambahkan fail html pada chromedp, dan

buf, _, err: = page.printtopdf().do(ctx)
if err != nil {
    return err
}
_, err = outputbuf.write(buf)
if err != nil {
    return err
}

Salin selepas log masuk

Cetak ke pdf, tetapi pdf yang dihasilkan tidak mempunyai gaya (walaupun menggunakan pelayan fail css luaran). Saya cuba menambahkannya menggunakan page.getresourcetree().do(ctx) + css.createstylesheet(resourcetree.frame.id).do(ctx) +

css.SetStyleSheetText(stylesheet, `.c {
     color: red;
     font-size: 30px;
     background-color: aqua;
}
`).Do(ctx)

Salin selepas log masuk

Ia berfungsi, tetapi sukar untuk menggunakannya setiap kali saya ingin menjana pdf, terutamanya dalam kes saya kerana saya menggunakan html dari html/template. Mungkin ada cara mudah untuk menambah css luaran ke satu fail html? Apa pendapat anda?

Terima kasih atas jawapan anda

Bohdan

Saya ingin menggunakan chromedp untuk menukar templat go dengan css luaran, imej dan fon kepada pdf, tetapi ia mengabaikan apa-apa di luar fail html utama.

Penyelesaian

Sila ambil perhatian bahawa memuatkan sumber luaran mengambil sedikit masa. Anda harus menunggu sehingga ia dimuatkan. Apabila halaman sudah siap, acara page.loadeventfired akan dinaikkan. Jadi kita boleh menunggu untuk acara ini dan kemudian mencetak halaman. Lihat demo di bawah:

package main

import (
    "context"
    "fmt"
    "log"
    "net/http"
    "net/http/httptest"
    "os"
    "sync"
    "time"

    "github.com/chromedp/cdproto/page"
    "github.com/chromedp/chromedp"
)

func main() {
    ts := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        // Simulate a network latency.
        time.Sleep(2 * time.Second)
        w.Header().Set("Content-Type", "text/css")
        fmt.Fprint(w, `h1 {font-size: 100pt; color: red;}`)
    }))
    defer ts.Close()

    ctx, cancel := chromedp.NewContext(context.Background())
    defer cancel()

    // construct your html
    html := `<html>
    <head>
        <link rel="stylesheet" href="%s/style.css">
    </head>
    <body>
        <h1> Hello World! </h1>
    </body>
</html>
`

    var wg sync.WaitGroup
    wg.Add(1)
    if err := chromedp.Run(ctx,
        chromedp.Navigate("about:blank"),
        // setup the listener to listen for the page.EventLoadEventFired
        chromedp.ActionFunc(func(ctx context.Context) error {
            lctx, cancel := context.WithCancel(ctx)
            chromedp.ListenTarget(lctx, func(ev interface{}) {
                if _, ok := ev.(*page.EventLoadEventFired); ok {
                    wg.Done()
                    // remove the event listener
                    cancel()
                }
            })
            return nil
        }),
        chromedp.ActionFunc(func(ctx context.Context) error {
            frameTree, err := page.GetFrameTree().Do(ctx)
            if err != nil {
                return err
            }
            return page.SetDocumentContent(frameTree.Frame.ID, fmt.Sprintf(html, ts.URL)).Do(ctx)
        }),
        // wait for page.EventLoadEventFired
        chromedp.ActionFunc(func(ctx context.Context) error {
            wg.Wait()
            return nil
        }),
        chromedp.ActionFunc(func(ctx context.Context) error {
            buf, _, err := page.PrintToPDF().Do(ctx)
            if err != nil {
                return err
            }
            return os.WriteFile("sample.pdf", buf, 0644)
        }),
    ); err != nil {
        log.Fatal(err)
    }

    log.Println("done!")
}

Salin selepas log masuk

Rujukan: https://www.php.cn/link/13c86fac19a52dbc843105b709dc71fc一个>.

Atas ialah kandungan terperinci Pergi ChromeDP mengabaikan mana-mana CSS luaran atau dalaman semasa mencetak ke pdf, hanya menggunakan CSS daripada fail html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!