# Paano Eksportin PDF at HTML na Walang Watermark sa NoteRich Ang pagbabahagi ng iyong kaalaman ay hindi nangangahulugan ng pagpapababa sa kalidad o privacy. Kung ikaw ay nagpaplano ng isang teknikal na ulat, nag-iimbak ng personal na talaan, o nagbabahagi ng impormasyon tungkol sa proyekto sa mga kliyente, ang huling presentasyon ay napakahalaga. Ang **NoteRich** ay nag-aalok ng propesyonal na engine para sa eksport, na tinitiyak na ang iyong mga tala ay magmumukhang eksakto – malinis at wasto ang pag-format – kahit na ito ay binibura sa browser o inililimbag bilang PDF. Ang gabay na ito ay nagpapaliwanag kung paano gamitin ang mga advanced na feature ng NoteRich para makabuo ng HTML na may mataas na kalidad at PDF na handa nang ilimbag, na may mga opsyon para sa mga output na walang watermark para sa mga Pro user. --- ## 🚀 Bakit Piliin ang NoteRich para sa Eksport? Hindi kagaya ng karaniwang "Save as HTML" function na kadalasang nagpapabagsak sa layout o nawawalan ng estilo, ang engine ng NoteRich ay ginawa para sa kawastuan: * **Pixel-Perfect Rendering**: Ang mga komplikadong elemento tulad ng Mermaid diagrams, ECharts, at mga matematikal na formula ay ginagawang raster na mga imahe na may mataas na resolusyon, upang matiyak na ang mga ito ay maayos na nagpapakita sa anumang device. * **Self-Contained Files**: Ang lahat ng mapagkukunan, kabilang ang mga lokal na attachment at audio/video files, ay direktang inimbakan sa HTML gamit ang Base64 encoding. Walang nawawalang link o mapagkukunan. * **Smart CSS Extraction**: Ang sistema ay matalino sa pagkuha ng mga kinakailangang estilo, na nagbibigay-daan sa pagpapanatili ng pare-parehong typography at kulay. * **Privacy-First**: Ang lahat ng proseso ay nangyayari sa lokal na browser. Ang iyong data ay hindi kailanman lumalabas sa iyong device habang ginagawa ang eksport. --- ## 📄 Eksport sa HTML na May Mataas na Kalidad Ang NoteRich ay nagpapahintulot sa iyong eksport ang kasalukuyang tala bilang isang hiwalay na HTML file. Ito ay angkop para sa web publishing, email newsletter, o pangmatagalang imbakan. ### Gabay sa Hakbang-Hakbang 1. Buksan ang tala na nais mong eksport. 2. Piliin ang **More Actions** menu (karaniwang kinakatawan ng `...` o isang gear icon) sa kanang ibaba ng editor. 3. Piliin ang **Export as HTML**. 4. Ang sistema ay awtomatikong gagawa ng proseso sa dokumento: * **SVG Rasterization**: Ang mga vector graphic (tulad ng flowchart at graph) ay ginagawang PNG na may mataas na DPI upang matiyak ang kompatibilidad sa lahat ng email client at browser. * **Resource Embedding**: Ang mga lokal na file ay ginagawang Base64 string. 5. I-download ang `.html` file sa iyong device. > **Pro Tip:** Ang eksport na HTML ay ganap na responsable. Maaari mong buksan ito sa mga mobile device, at ang layout ay magiging maayos ang pagkakalagay. --- ## 🖨️ Paglilimbag sa PDF Para sa mga pormal na dokumento, kontrata, o pisikal na imbakan, ang PDF ay ang gold standard. Ang NoteRich ay may espesyal na engine para sa paglilimbag ng iyong tala sa papel. ### Paano Ilimbag sa PDF 1. Pindutin ang `Ctrl + P` (Windows/Linux) o `Cmd + P` (macOS), o piliin ang **Print** mula sa More Actions menu. 2. Sa window ng paglilimbag: * **Destination**: Piliin ang "Save as PDF". * **Layout**: Piliin ang Portrait o Landscape ayon sa iyong nilalaman. * **Margins**: Piliin ang "None" o "Minimum" para sa mas malinis na hitsura. 3. Pindutin ang **Save**. ### Espesyal na Paglilimbag na Optimisasyon * **Page Break Control**: Ang NoteRich ay awtomatikong iwasan ang paghati ng mga imahe o bloke ng code sa kabilang panig ng mga pahina. * **Background Graphics**: Ang engine ay pinipilit ang paglilimbag ng mga background na kulay at imahe, upang matiyak na ang mga highlight, tema ng bloke ng code, at background ng diagram ay makikita nang eksakto katulad ng sa screen. * **Clean Headers/Footers**: Sa default, ang mga header at footer na ginawa ng browser ay mininimize upang mapababa ang focus sa iyong nilalaman. --- ## 💎 Eksport na Walang Watermark para sa Pro User Ang NoteRich ay nag-aalok ng libreng tier, ngunit para sa mga propesyonal na nangangailangan ng mga dokumentong may disenteng disenyo, ang **Pro License** ay nagbibigay ng premium na feature para sa eksport. ### Ang Pagkakaiba * **Free Tier**: Ang mga eksport ay maaaring maglaman ng maliit na watermark ng NoteRich sa sulok ng mga komplikadong visualization (tulad ng chart at diagram) upang suportahan ang pag-unlad ng platform. * **Pro Tier**: Makatanggap ng eksport na **walang watermark**. Ang iyong mga dokumento ay magmumukhang eksakto, na walang third-party na branding, na ginagawang perpektong para sa deliverable ng kliyente, akademikong papel, o corporate na ulat. ### Paano Mag-upgrade 1. Pumunta sa **Settings** > **License Management**. 2. Pindutin ang **Upgrade to Pro**. 3. Kapag napatunayan, ang lahat ng susunod na HTML at PDF na eksport ay gagawin nang walang watermark. --- ## 🛠️ Sa Likod ng Paningin: Teknikal na Kagandahan Ang engine ng eksport ng NoteRich ay kinokontrol ang ilang komplikadong hamon upang matiyak ang pagiging maaasahan: ### 1. SVG to PNG Rasterization Ang mga komplikadong SVG (Scalable Vector Graphics) ay kadalasang umaasa sa CSS variables tulad ng `currentColor` na maaaring masira kapag inilipat sa ibang konteksto. Ang engine ng NoteRich: * Kinakalkula ang eksaktong sukat ng bawat SVG. * Naglalagay ng tiyak na mga solusyon sa kulay upang lutasin ang mga problema sa pagmamana. * Ginagawang PNG na may mataas na resolusyon sa loob ng isang hidden iframe, upang matiyak na ang huling imahe ay malinaw at independiyente. ### 2. Blob Resource Handling Kung ikaw ay nag-embed ng lokal na mga video, audio, o malalaking imahe, ang mga ito ay karaniwang umiiral bilang temporary na `blob:` URLs. Sa panahon ng eksport: * Ang engine ay nakakakita sa mga resursyang ito. * Ginagawang Base64 string ang mga ito sa mga bahagi upang maiwasan ang pagkalito sa memorya. * Inimbak ang mga ito sa HTML, kaya ang iyong media ay maaaring maglaro kahit na ito ay offline. ### 3. Intelligent CSS Scoping Sa halip na ilagay ang buongstylesheet ng aplikasyon sa iyong eksport, ang NoteRich ay gumagamit ng isang "used-style" extraction algorithm. Ito ay sumusuri sa iyong tala, kinikilala ang eksaktong mga CSS rules na ginagamit, at gumagawa ng isang lightweight, optimized `<style>` block. Ito ay nagreresulta sa mas maliit na file size at mas mabilis na pag-load. --- ## 💡 Mga Best Practices para sa Eksport * **Siguraduhing ang iyong mga diagram ay tapos na ang paglalabas**. Bago mag-export, siguraduhing ang lahat ng Mermaid o ECharts diagram ay tapos na ang paglalabas. Ang tool ng eksport ay kinukuha ang kasalukuyang estado ng DOM. * **Gamitin ang Page Breaks**. Para sa mahahabang dokumento, maglagay ng manu-manong page breaks (`/page-break`) upang kontrolin ang kung saan ang mga bahagi ay nagtatapos sa PDF. * **Subukan sa iba't ibang device**. Buksan ang iyong eksport na HTML sa isang telepono at isang desktop upang suriin ang pagiging responsable. --- ## ❓ Pagtugon sa mga Problema * **Wala nang mga imahe?** Siguraduhing ang lahat ng lokal na attachment ay matagumpay na na-upload bago ang eksport. Kung ang isang imahe ay patuloy na na-upload, ang eksport ay maaaring makakuha ng isang placeholder. * **Malaking File Size?** Kung ang iyong tala ay naglalaman ng maraming high-resolution na imahe o video, ang Base64-encoded HTML file ay magiging malaki. Isipin ang paggamit ng PDF na eksport para sa mas kompaktong format. * **Mga problema sa pag-format sa PDF?** Subukan na i-adjust ang scale sa window ng paglilimbag (halimbawa, 90% o 110%) upang mas makapaglaman ng nilalaman sa pahina. --- ## 🏁 Konklusyon Sa pamamagitan ng NoteRich, ang iyong mga tala ay hindi lamang nakaimbak; sila ay handa nang ibahagi sa mundo. Kung kailangan mo ng mabilis na snapshot ng HTML para sa isang kasamahan o isang purong, walang watermark na PDF para sa isang kliyente, ang engine ng eksport ng NoteRich ay nagbibigay ng propesyonal na resulta nang walang abala. Mag-upgrade sa Pro ngayon upang matuklasan ang buong potensyal ng iyong workflow para sa dokumentasyon. ---