# Cách xuất PDF và HTML không có dấu watermark trong NoteRich Việc chia sẻ kiến thức không nên đi kèm với việc đánh đổi chất lượng hay quyền riêng tư. Dù bạn đang chuẩn bị báo cáo kỹ thuật, lưu lại nhật ký cá nhân, hay chia sẻ cập nhật dự án với khách hàng, bản trình bày cuối cùng vẫn rất quan trọng. **NoteRich** cung cấp công cụ xuất tệp chuyên nghiệp, đảm bảo rằng các ghi chú của bạn sẽ trông hoàn hảo như mong muốn – rõ ràng, sạch sẽ và được định dạng một cách hoàn hảo – dù được xem trong trình duyệt hay in ra dưới dạng PDF. Hướng dẫn này hướng dẫn bạn cách sử dụng các tính năng xuất tiên tiến của NoteRich để tạo ra các tệp HTML và PDF chất lượng cao, cùng với các tùy chọn để tạo ra các tệp không có dấu watermark dành cho người dùng Pro. --- ## 🚀 Tại sao nên chọn NoteRich để xuất tệp? Khác với các chức năng “Lưu dưới dạng HTML” thông thường, vốn dễ làm hỏng cấu trúc hoặc mất đi thiết kế, công cụ xuất của NoteRich được thiết kế để đảm bảo độ chính xác: * **Độ hoàn hảo về mặt pixel**: Các yếu tố phức tạp như sơ đồ Mermaid, ECharts và các công thức toán học được chuyển thành hình ảnh độ phân giải cao, đảm bảo chúng được hiển thị đúng cách trên bất kỳ thiết bị nào. * **Tệp nội dung được lồng ghép trực tiếp vào HTML**: Tất cả các tài nguyên, bao gồm các tệp đính kèm và các tệp âm thanh/đoạn phim, được lồng ghép trực tiếp vào HTML bằng cách sử dụng mã Base64. Không có liên kết bị đứt, không có tài nguyên bị thiếu. * **Tính năng trích xuất CSS thông minh**: Hệ thống tự động trích xuất chỉ những kiểu dáng cần thiết, giải quyết các biến CSS và đảm bảo tính nhất quán về kiểu chữ và màu sắc. * **Quyền riêng tư là ưu tiên**: Tất cả các quá trình xử lý diễn ra cục bộ trong trình duyệt của bạn. Dữ liệu của bạn sẽ không rời khỏi thiết bị của bạn trong quá trình xuất tệp. --- ## 📄 Xuất dưới dạng HTML chất lượng cao NoteRich cho phép bạn xuất các ghi chú hiện tại dưới dạng tệp HTML riêng lẻ. Điều này rất phù hợp cho việc xuất bản trên web, gửi email thông báo, hoặc lưu trữ dài hạn. ### Hướng dẫn từng bước 1. Mở ghi chú mà bạn muốn xuất. 2. Nhấp vào menu **More Actions** (thường được biểu diễn bằng biểu tượng `...` hoặc biểu tượng hộp) ở góc trên bên phải của trình soạn thảo. 3. Chọn **Export as HTML**. 4. Hệ thống sẽ tự động xử lý tài liệu: * **SVG Rasterization**: Các hình ảnh đồ họa vector (như sơ đồ dòng và đồ họa) được chuyển thành hình ảnh PNG độ phân giải cao, đảm bảo chúng phù hợp với tất cả các trình duyệt và client email. * **Lồng ghép tài nguyên**: Các tệp nội dung được chuyển thành chuỗi Base64. 5. Tải về tệp `.html` trên thiết bị của bạn. > **Mẹo chuyên nghiệp**: Tệp HTML được xuất ra có khả năng phản hồi tốt. Bạn có thể mở nó trên thiết bị di động, và cấu trúc sẽ được điều chỉnh một cách mượt mà. --- ## 🖨️ In ra dưới dạng PDF Đối với tài liệu chính thức, hợp đồng, hoặc lưu trữ vật lý, PDF là tiêu chuẩn cao. NoteRich tích hợp công cụ in chuyên nghiệp, giúp tối ưu hóa ghi chú của bạn cho việc in ấn. ### Cách in ra dưới dạng PDF 1. Nhấn `Ctrl + P` (Windows/Linux) hoặc `Cmd + P` (macOS), hoặc chọn **Print** từ menu More Actions. 2. Trong cửa sổ xem trước in: * **Đích**: Chọn “Lưu dưới dạng PDF”. * **Cấu trúc**: Chọn kiểu dáng chữ nổi hoặc chữ nổi nền tùy theo nội dung của bạn. * **Lề**: Chọn “Không” hoặc “Ít nhất” để tạo ra cấu trúc rõ ràng hơn. 3. Nhấp **Lưu**. ### Tối ưu hóa đặc biệt cho việc in * **Kiểm soát điểm góc**: NoteRich tự động tránh việc chia cắt hình ảnh hoặc đoạn mã thành hai phần trên các trang khác nhau. * **Hình ảnh nền**: Hệ thống buộc phải in hình ảnh nền và màu sắc, đảm bảo rằng các điểm nổi bật, chủ đề đoạn mã và nền đồ họa được hiển thị đúng như trên màn hình. * **Các tiêu đề và chú thích sạch sẽ**: Theo mặc định, các tiêu đề và chú thích do trình duyệt tạo ra sẽ được giữ lại, giúp tập trung vào nội dung của bạn. --- ## 💎 Xuất tệp không có dấu watermark dành cho người dùng Pro NoteRich cung cấp phiên bản miễn phí, nhưng đối với những chuyên gia cần tài liệu phù hợp với thương hiệu của họ, **Giấy phép Pro** sẽ mở khóa các tính năng xuất cao cấp. ### Sự khác biệt * **Phiên bản miễn phí**: Các tệp xuất có thể chứa dấu watermark nhỏ của NoteRich ở góc của các hình ảnh đồ họa phức tạp (như biểu đồ và sơ đồ) để hỗ trợ việc phát triển nền tảng. * **Phiên bản Pro**: Được tận hưởng việc xuất **không có dấu watermark**. Các tài liệu của bạn sẽ trông hoàn toàn độc đáo, không có thương hiệu của bên thứ ba, giúp chúng trở thành tài liệu hoàn hảo cho khách hàng, bài báo học thuật, hoặc báo cáo doanh nghiệp. ### Cách nâng cấp 1. Đi đến **Settings** > **License Management**. 2. Nhấp vào **Upgrade to Pro**. 3. Khi đã được xác thực, tất cả các tệp HTML và PDF xuất sau này sẽ được tạo ra mà không có dấu watermark. --- ## 🛠️ Bên trong: Sự xuất sắc về mặt kỹ thuật Công cụ xuất của NoteRich xử lý nhiều thách thức phức tạp để đảm bảo độ tin cậy: ### 1. Chuyển SVG thành PNG Các hình ảnh đồ họa vector phức tạp thường dựa vào các biến CSS như `currentColor`, vốn có thể bị hỏng khi chuyển sang môi trường khác. Công cụ xuất của NoteRich: * Tính toán kích thước chính xác của mỗi hình ảnh SVG. * Đưa ra các cài đặt màu sắc cụ thể để giải quyết vấn đề di truyền. * Chuyển chúng thành hình ảnh PNG độ phân giải cao trong một iframe ẩn, đảm bảo rằng hình ảnh cuối cùng là rõ ràng và hoàn chỉnh. ### 2. Xử lý tài nguyên blob Nếu bạn đã lồng ghép các video, âm thanh hoặc hình ảnh lớn, chúng thường tồn tại dưới dạng URL blob tạm thời. Trong quá trình xuất: * Hệ thống phát hiện các tài nguyên này. * Chuyển chúng thành chuỗi Base64 theo từng phần để tránh tình trạng lãng phí bộ nhớ. * Lồng chúng trực tiếp vào HTML, để các nội dung của bạn có thể được hiển thị ngay cả khi không có kết nối. ### 3. Tính năng trích xuất CSS thông minh Thay vì đưa toàn bộ bảng kiểu dáng của ứng dụng vào tệp xuất, NoteRich sử dụng thuật toán trích xuất “kiểu dáng đã sử dụng”. Hệ thống quét các ghi chú của bạn, xác định chính xác những quy tắc CSS nào được áp dụng, và tạo ra một block `<style>` nhẹ nhàng, được tối ưu hóa. Điều này giúp giảm kích thước tệp và tăng tốc độ tải. --- ## 💡 Các phương pháp tốt nhất để xuất tệp * **Kiểm tra các sơ đồ**: Trước khi xuất, đảm bảo rằng tất cả các sơ đồ Mermaid hoặc ECharts đã được xử lý hoàn chỉnh. Công cụ xuất sẽ ghi lại trạng thái hiện tại của DOM. * **Sử dụng điểm góc**: Đối với tài liệu dài, hãy thêm các điểm góc thủ công (`/page-break`) để kiểm soát nơi các phần kết thúc trong tệp PDF. * **Kiểm tra trên nhiều thiết bị**: Mở tệp HTML xuất trên điện thoại và máy tính để kiểm tra khả năng phản hồi. --- ## ❓ Khắc phục sự cố * **Hình ảnh bị thiếu?** Đảm bảo rằng tất cả các tệp đính kèm đã được tải lên thành công trước khi xuất. Nếu một hình ảnh vẫn đang được tải, quá trình xuất có thể ghi lại một ký tự placeholder. * **Kích thước tệp lớn?** Nếu ghi chú của bạn chứa nhiều hình ảnh hoặc video độ phân giải cao, tệp HTML được mã hóa Base64 sẽ lớn. Hãy xem xét việc sử dụng định dạng PDF để giảm kích thước tệp. * **Vấn đề định dạng trong PDF?** Hãy thử điều chỉnh tỷ lệ trong hộp thoại in (ví dụ: 90% hoặc 110%) để phù hợp với nội dung trên trang. --- ## 🏁 Kết luận Với NoteRich, các ghi chú của bạn không chỉ được lưu trữ mà còn sẵn sàng được chia sẻ với thế giới. Dù bạn cần một bản tệp HTML nhanh chóng cho đồng nghiệp, hay một tệp PDF đẹp mắt, không có dấu watermark cho khách hàng, công cụ xuất của NoteRich sẽ mang lại kết quả chuyên nghiệp mà không gây phiền phức. Hãy nâng cấp lên phiên bản Pro ngay hôm nay để khám phá toàn bộ tiềm năng của quy trình làm việc với tài liệu của bạn. ---