# Cara Mengeluarkan PDF dan HTML Tanpa Watermark di NoteRich Berbagi pengetahuan Anda tidak harus berarti mengorbankan kualitas atau privasi. Baik Anda sedang menyiapkan laporan teknis, menyimpan catatan pribadi, atau berbagi informasi terkini dengan klien, presentasi akhir sangat penting. **NoteRich** menyediakan engine ekspor berkualitas profesional yang memastikan catatan Anda tampak sesuai harapan—jelas, bersih, dan diformat dengan baik—baik saat dilihat di browser maupun dicetak dalam format PDF. Petunjuk ini menjelaskan cara memanfaatkan fitur ekspor canggih dari NoteRich untuk menghasilkan HTML yang berkualitas tinggi dan PDF yang siap dicetak, dengan opsi untuk hasil output tanpa watermark bagi pengguna tingkat Pro. --- ## 🚀 Mengapa Memilih NoteRich untuk Ekspor? Berbeda dengan fungsi “Save as HTML” standar yang sering kali merusak tata letak atau menghilangkan stilistik, engine ekspor NoteRich dibangun untuk kepresisian: * **Rendering yang Sempurna**: Elemen-elemen kompleks seperti diagram Mermaid, ECharts, dan rumus matematika dikonversi menjadi gambar berresolusi tinggi, sehingga dapat ditampilkan dengan benar di semua perangkat. * **File yang Terintegrasi**: Semua sumber daya, termasuk attachment lokal dan file audio/video, diintegrasikan langsung ke dalam HTML menggunakan encoding Base64. Tidak ada tautan yang rusak, tidak ada sumber daya yang hilang. * **Ekstraksi CSS yang Cerdas**: Sistem secara cerdas mengekstrak hanya gaya yang diperlukan, menyelesaikan variabel CSS dan memastikan konsistensi tipografi dan warna. * **Privasi Pertama**: Seluruh proses pemrosesan terjadi secara lokal di browser Anda. Data Anda tidak pernah meninggalkan perangkat selama proses ekspor. --- ## 📄 Ekspor ke HTML Berkualitas Tinggi NoteRich memungkinkan Anda mengeluarkan catatan Anda dalam format HTML yang independen. Ini sangat ideal untuk publikasi web, email newsletter, atau penyimpanan jangka panjang. ### Petunjuk Langkah-Demi-Langkah 1. Buka catatan yang ingin Anda ekspor. 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 otomatis: * **SVG Rasterization**: Grafik vektor (seperti flowchart dan grafik) dikonversi menjadi PNG berresolusi tinggi untuk memastikan kompatibilitas dengan semua client email dan browser. * **Integrasi Sumber Daya**: File lokal dikonversi menjadi string Base64. 5. Unduh file `.html` ke perangkat Anda. > **Tips Profesional**: HTML yang dikeluarkan sangat responsif. Anda dapat membukanya di perangkat seluler, dan tata letaknya akan beradaptasi dengan lancar. --- ## 🖨️ Cetak ke PDF Untuk dokumen resmi, kontrak, atau arsip fisik, PDF merupakan standar emas. NoteRich mengintegrasikan engine cetak khusus yang mengoptimalkan catatan Anda untuk dicetak. ### Cara Mencetak ke PDF 1. Klik `Ctrl + P` (Windows/Linux) atau `Cmd + P` (macOS), atau pilih **Print** dari menu More Actions. 2. Di jendela preview cetak: * **Tujuan**: Pilih “Save as PDF”. * **Tata Letak**: Pilih Portrait atau Landscape berdasarkan konten Anda. * **Margi**: Pilih “None” atau “Minimum” untuk tampilan yang lebih bersih. 3. Klik **Save**. ### Optimisasi Khusus untuk Cetak * **Kontrol Pecahan Halaman**: NoteRich secara otomatis menghindari pemotongan gambar atau blok kode di dua halaman. * **Grafik Latar Belakang**: Engine memaksa pencetakan warna latar belakang dan gambar, sehingga highlight, tema blok kode, dan latar belakang diagram tampak persis seperti di layar. * **Header/Footer yang Bersih**: Secara default, header dan footer yang dihasilkan oleh browser diminimalisir agar fokus tetap pada konten Anda. --- ## 💎 Ekspor Tanpa Watermark untuk Pengguna Tingkat Pro NoteRich menawarkan tier gratis yang luas, tetapi bagi profesional yang membutuhkan dokumen yang konsisten dengan merek, **Lisensi Pro** membuka fitur ekspor premium. ### Perbedaannya * **Tier Gratis**: Ekspor mungkin memiliki watermark logo NoteRich yang halus di sudut visual kompleks (seperti grafik dan diagram) untuk mendukung pengembangan platform. * **Tier Pro**: Nikmati ekspor yang **tanpa watermark** sepenuhnya. Dokumen Anda akan tampak sepenuhnya orisinal, tanpa merek pihak ketiga, membuatnya sempurna untuk pesanan klien, makalah akademik, atau laporan perusahaan. ### Cara Memperbarui 1. Pergi ke **Settings** > **License Management**. 2. Klik **Upgrade to Pro**. 3. Setelah diverifikasi, semua ekspor HTML dan PDF selanjutnya akan dihasilkan tanpa watermark. --- ## 🛠️ Di Balik Layar: Keunggulan Teknis Engine ekspor NoteRich menangani beberapa tantangan kompleks untuk memastikan keandalan: ### 1. Konversi SVG ke PNG SVG kompleks (Scalable Vector Graphics) sering kali bergantung pada variabel CSS seperti `currentColor` yang bisa rusak ketika dipindahkan ke konteks yang berbeda. Engine NoteRich: * Menghitung dimensi yang tepat dari setiap SVG. * Menginstruksikan pemutaran warna khusus untuk menyelesaikan masalah warisan. * Mengonversinya menjadi PNG berresolusi tinggi dalam iframe tersembunyi, memastikan gambar akhir tetap jelas dan terintegrasi. ### 2. Penanganan Sumber Daya Blob Jika Anda telah menempatkan video lokal, audio, atau gambar besar, mereka biasanya berupa URL blob sementara. Saat ekspor: * Engine mendeteksi sumber daya ini. * Mengonversinya menjadi string Base64 dalam potongan-potongan untuk mencegah overload memori. * Mengintegrasikannya langsung ke dalam HTML, sehingga media Anda dapat diputar bahkan saat offline. ### 3. Ekstraksi CSS yang Cerdas Alih-alih memasukkan seluruh daftar gaya aplikasi ke dalam ekspor Anda, NoteRich menggunakan algoritma ekstraksi “used-style”. Algoritma ini memindai catatan Anda, mengidentifikasi aturan CSS mana yang diterapkan, dan menghasilkan blok `<style>` yang ringan dan dioptimalkan. Ini menghasilkan ukuran file yang lebih kecil dan waktu pemuatan yang lebih cepat. --- ## 💡 Praktik Terbaik untuk Ekspor * **Periksa Diagram Anda**: Sebelum ekspor, pastikan semua diagram Mermaid atau ECharts telah selesai diproses. Alat ekspor menangkap kondisi DOM saat ini. * **Gunakan Pecahan Halaman**: Untuk dokumen panjang, masukkan pecahan halaman manual (`/page-break`) untuk mengontrol di mana bagian-bagian berakhir dalam PDF. * **Uji di Berbagai Perangkat**: Buka HTML yang telah Anda ekspor di telepon dan desktop untuk memverifikasi responsivitasnya. --- ## ❓ Penyelesaian Masalah * **Gambar yang Hilang?** Pastikan semua attachment lokal telah berhasil diunggah sebelum ekspor. Jika gambar masih sedang diunggah, ekspor mungkin akan menangkap placeholder. * **Ukuran File yang Besar?** Jika catatan Anda mengandung banyak gambar atau video berresolusi tinggi, file HTML yang diencode Base64 akan menjadi besar. Pertimbangkan menggunakan ekspor PDF untuk format yang lebih kompresi. * **Masalah Formatting dalam PDF?** Cobalah menyesuaikan skala dalam dialog cetak (misalnya, 90% atau 110%) agar konten lebih cocok di halaman. --- ## 🏁 Kesimpulan Dengan NoteRich, catatan Anda tidak hanya disimpan; mereka siap untuk dibagikan kepada dunia. Baik Anda membutuhkan snapshot HTML cepat untuk rekan kerja atau PDF yang rapi tanpa watermark untuk klien, engine ekspor NoteRich memberikan hasil profesional tanpa kesulitan. Perbarui ke tingkat Pro hari ini untuk membuka potensi penuh dari proses kerja dokumen Anda. ---