CÔNG CỤ HTML CONVERT

🧱 Tổng quan

1. Thiết kế giao diện người dùng (HTML + CSS)
  • Dùng layout với .container, .toolbar, .editor-container.
  • Định dạng hiện đại.
2. Tích hợp CKEditor và các plugin mở rộng
  • Thêm các plugin như: Insert Equation, Insert YouTube, Insert Document.
  • Thiết lập toolbar đầy đủ chức năng biên tập.
3. Xây dựng chức năng Load Template
  • Sử dụng CKEDITOR.instances.editor.setData() để nạp nội dung mẫu.
  • Hỗ trợ 2 mẫu: default và vertical-nav.
4. Tạo chức năng tải lên file người dùng
  • Hỗ trợ định dạng .docx, .pdf, .html.
  • Dùng input type="file" và xử lý bằng JavaScript.
5. Xử lý nội dung file tải lên
  • DOCX: chuyển đổi bằng Mammoth.js.
  • PDF: trích xuất văn bản với PDF.js.
  • HTML: đọc và hiển thị trực tiếp nội dung.
6. Kết hợp nội dung vào Template
  • Dùng DOMParser để nhúng nội dung vào thẻ #chapter-text hoặc .main-content.
7. Tạo chức năng Export sang HTML
  • Dùng Blob để xuất file HTML.
  • Loại bỏ các đoạn comment bao quanh <script> nếu có.
8. Thêm các nút tiện ích
  • Insert Video YouTube.
  • Chèn công thức toán học (LaTeX).
  • Tải tài liệu hướng dẫn dạng PDF.

🗺️ Mã nguồn tại Github.