# Bagaimana untuk Mengeluarkan PDF dan HTML Tanpa Watermark dalam NoteRich Berbagi pengetahuan anda tidak seharusnya bermakna mengorbankan kualiti atau privasi. Sama ada anda sedang menyediakan laporan teknikal, menyimpan catatan peribadi, atau berkongsi kemas kini projek dengan pelanggan, presentasi akhir sangat penting. **NoteRich** menyediakan enjin keluaran profesional yang memastikan nota anda kelihatan seperti yang diharapkan—jelas, bersih, dan dipformat dengan sempurna—sama ada dipaparkan dalam pelayar atau dicetak sebagai PDF. Panduan ini menjelaskan cara menggunakan ciri-ciri keluaran lanjutan NoteRich untuk menghasilkan HTML yang berkualiti tinggi dan PDF yang siap dicetak, termasuk pilihan untuk hasil tanpa watermark bagi pengguna Pro. --- ## 🚀 Mengapa Pilih NoteRich untuk Keluaran? Berbeza dengan fungsi “Simpan sebagai HTML” standard yang sering merosakkan susunan atau kehilangan gaya, enjin keluaran NoteRich dibina untuk ketepatan: * **Rendering yang sempurna**: Elemen-elemen kompleks seperti diagram Mermaid, ECharts, dan formula matematik dikonversikan menjadi imej berresolusi tinggi, memastikan ia dipaparkan dengan betul pada sebarang peranti. * **Fail yang terkandung secara langsung**: Semua sumber, termasuk fail tempatan dan fail audio/video, terkandung secara langsung dalam HTML menggunakan kod Base64. Tiada pautan yang rosak, tiada sumber yang hilang. * **Ekstraksi CSS yang cerdas**: Sistem ini secara pintar mengeluarkan hanya gaya yang diperlukan, menyelesaikan variabel CSS dan memastikan tipografi serta warna yang konsisten. * **Privasi menjadi keutamaan**: Semua pemprosesan berlaku secara lokal dalam pelayar anda. Data anda tidak pernah meninggalkan peranti anda semasa proses keluaran. --- ## 📄 Keluaran ke HTML Berkualiti Tinggi NoteRich membolehkan anda mengeluarkan nota semasa sebagai fail HTML yang berdiri sendiri. Ini sesuai untuk penerbitan web, buletin e-mel, atau penyimpanan jangka panjang. ### Panduan Langkah demi Langkah 1. Buka nota yang ingin anda keluarkan. 2. Klik menu **More Actions** (biasanya ditunjukkan oleh `...` atau ikon gear) di sudut kanan atas editor. 3. Pilih **Export as HTML**. 4. Sistem akan memproses dokumen secara automatik: * **SVG Rasterization**: Grafik vektor (seperti flowchart dan graf) dikonversikan menjadi PNG berresolusi tinggi untuk memastikan kompatibiliti dengan semua pelayan e-mel dan pelayar. * **Pengkandungan Sumber**: Fail tempatan dikonversikan menjadi string Base64. 5. Unduh fail `.html` ke peranti anda. > **Tips Profesional**: HTML yang dikeluarkan adalah responsif sepenuhnya. Anda boleh membukanya pada peranti mudah alih, dan susunan akan disesuaikan dengan lancar. --- ## 🖨️ Cetak ke PDF Untuk dokumen rasmi, kontrak, atau arkib fizikal, PDF adalah standard emas. NoteRich menyediakan enjin cetak khusus yang mengoptimumkan nota anda untuk dicetak pada kertas. ### Bagaimana untuk Cetak ke PDF 1. Tekan `Ctrl + P` (Windows/Linux) atau `Cmd + P` (macOS), atau pilih **Print** dari menu More Actions. 2. Dalam tingkap preview cetak: * **Tujuan**: Pilih “Simpan sebagai PDF”. * **Susunan**: Pilih Portrait atau Landscape berdasarkan kandungan anda. * **Marginal**: Pilih “None” atau “Minimum” untuk penampilan yang lebih bersih. 3. Klik **Save**. ### Optimasi Cetak * **Kawalan Pecahan Halaman**: NoteRich secara automatik mengelakkan pemotongan imej atau blok kod menjadi dua di halaman yang berbeza. * **Grafik Latar Belakang**: Enjin ini memaksa pencetakan warna latar belakang dan imej, memastikan latar belakang, tema blok kod, dan grafik kelihatan seperti yang ada di skrin. * **Header/Footer yang Bersih**: Secara lalai, header dan footer yang dihasilkan oleh pelayar dikurangkan untuk memfokuskan pada kandungan anda. --- ## 💎 Keluaran Tanpa Watermark untuk Pengguna Pro NoteRich menawarkan tier percuma yang luas, tetapi bagi profesional yang memerlukan dokumen yang konsisten dengan jenama mereka, **Lisensi Pro** membuka ciri keluaran premium. ### Perbezaan * **Tier Percuma**: Keluaran mungkin mengandungi watermark logo NoteRich yang halus di sudut visual kompleks (seperti carta dan diagram) untuk menyokong pembangunan platform. * **Tier Pro**: Nikmati keluaran yang **tanpa watermark** sepenuhnya. Dokumen anda akan kelihatan seperti yang dibuat khas, tanpa jenama pihak ketiga, menjadikannya sesuai untuk dokumen penyerahan pelanggan, kertas akademik, atau laporan korporat. ### Bagaimana untuk Mengemaskini 1. Pergi ke **Settings** > **License Management**. 2. Klik pada **Upgrade to Pro**. 3. Setelah disahkan, semua keluaran HTML dan PDF akan dihasilkan tanpa watermark. --- ## 🛠️ Di Under the Hood: Kecemerlangan Teknikal Enjin keluaran NoteRich menangani beberapa cabaran kompleks untuk memastikan kebolehpercayaan: ### 1. SVG ke PNG Rasterization SVG kompleks (Scalable Vector Graphics) sering bergantung pada variabel CSS seperti `currentColor` yang boleh rosak apabila dipindahkan ke konteks yang berbeza. Enjin NoteRich: * Mengira dimensi yang tepat setiap SVG. * Menggunakan warna tertentu untuk menyelesaikan masalah warisan. * Mengubahnya menjadi PNG berresolusi tinggi dalam iframe tersembunyi, memastikan imej akhir adalah jelas dan lengkap. ### 2. Pengendalian Sumber Blob Jika anda telah mengkandung video, audio, atau imej besar tempatan, ia biasanya wujud sebagai URL `blob:` sementara. Semasa keluaran: * Enjin mengesan sumber-sumber ini. * Mengubahnya menjadi string Base64 dalam bahagian-bahagian untuk mengelakkan beban memori yang berlebihan. * Mengkandungnya secara langsung dalam HTML, supaya media anda dapat dimainkan walaupun ketika offline. ### 3. Ekstraksi CSS yang Cerdas Daripada memasukkan seluruh aturan gaya aplikasi ke dalam keluaran anda, NoteRich menggunakan algoritma ekstraksi “used-style”. Ia memindai nota anda, mengenal pasti aturan CSS yang digunakan, dan menghasilkan blok `<style>` yang ringan dan dioptimumkan. Ini menghasilkan saiz fail yang lebih kecil dan masa pemuatan yang lebih cepat. --- ## 💡 Amalan Terbaik untuk Keluaran * **Periksa Diagram anda**: Sebelum mengeluarkan, pastikan semua diagram Mermaid atau ECharts telah selesai dipaparkan. Alat keluaran menangkap keadaan DOM semasa. * **Gunakan Pecahan Halaman**: Untuk dokumen yang panjang, masukkan pecahan halaman manual (`/page-break`) untuk mengawal di mana bahagian-bahagian berakhir dalam PDF. * **Uji pada Peranti yang Berbeza**: Buka HTML yang telah dikeluarkan pada telefon dan desktop untuk memastikan responsiviti. --- ## ❓ Penyelesaian Masalah * **Imej yang Hilang?** Pastikan semua fail tempatan telah dimuat naik dengan berjaya sebelum keluaran. Jika masih ada imej yang sedang dimuat, keluaran mungkin akan menangkap placeholder. * **Saiz Fail yang Besar?** Jika nota anda mengandungi banyak imej atau video berresolusi tinggi, fail HTML yang dienkripsi dengan Base64 akan menjadi besar. Pertimbangkan untuk menggunakan keluaran PDF yang lebih padat. * **Masalah Format dalam PDF?** Cuba menyesuaikan skala dalam dialog cetak (contohnya, 90% atau 110%) untuk memuatkan kandungan dengan lebih baik pada halaman. --- ## 🏁 Kesimpulan Dengan NoteRich, nota anda bukan sahaja disimpan, tetapi juga bersedia untuk dikongsi dengan dunia. Sama ada anda memerlukan snapshot HTML yang cepat untuk rakan sekerja atau PDF yang berkualiti tinggi tanpa watermark untuk pelanggan, enjin keluaran NoteRich memberikan hasil profesional tanpa sebarang masalah. Unggah ke Pro hari ini untuk menonaktifkan potensi penuh proses kerja dokumen anda. ---