Đây là bài viết được viết bởi AI

MDFrame – Công cụ xem file Markdown trực tiếp trên trình duyệt

Trong quá trình làm việc với các dự án phần mềm, tôi thường xuyên sử dụng Markdown (.md) để viết tài liệu kỹ thuật, ghi chú, đặc tả API hay các file README.

Markdown đơn giản, dễ viết, dễ quản lý bằng Git và được hỗ trợ bởi rất nhiều công cụ. Tuy nhiên, đôi khi tôi chỉ muốn mở một file .md để đọc nhanh nội dung đã được định dạng, mà không cần mở VS Code hay cài đặt thêm phần mềm.

Từ nhu cầu nhỏ đó, tôi đã xây dựng MDFrame – một ứng dụng web miễn phí giúp mở và đọc file Markdown trực tiếp trên trình duyệt.

Website: https://mdframe.app

MDFrame có gì?

Mục tiêu của tôi khi xây dựng MDFrame khá đơn giản: tạo ra một công cụ gọn nhẹ, dễ sử dụng, tập trung vào trải nghiệm đọc tài liệu Markdown thay vì trở thành một Markdown editor với quá nhiều tính năng.

Hiện tại, MDFrame hỗ trợ:

• Mở file nhanh: Kéo thả file .md vào trình duyệt hoặc chọn file từ máy tính.
• Đọc nhiều tài liệu: Mỗi file được mở trong một tab riêng, thuận tiện khi cần tham khảo nhiều tài liệu cùng lúc.
• Table of Contents: Tự động tạo mục lục từ các heading, giúp điều hướng tài liệu dài.
• Tìm kiếm nội dung: Tìm nhanh từ khóa trong tài liệu.
• Syntax Highlighting: Hiển thị code block với màu sắc theo ngôn ngữ lập trình.
• Mermaid Diagram: Render các sơ đồ Mermaid trực tiếp trong tài liệu.
• Reading History: Lưu lịch sử để có thể mở lại những tài liệu đã đọc.
• Tùy chỉnh giao diện: Dark/Light mode, kích thước chữ và độ rộng vùng đọc.
• Export: Xuất tài liệu sang PDF hoặc Word (.docx).

Ngoài ra, MDFrame có thể được cài đặt dưới dạng Progressive Web App (PWA) trên các trình duyệt hỗ trợ, cho phép sử dụng như một ứng dụng độc lập và đọc tài liệu offline.

Một điểm tôi ưu tiên: Quyền riêng tư

Khi sử dụng các công cụ xem hoặc chuyển đổi tài liệu online, một trong những điều tôi quan tâm là dữ liệu có bị upload lên server hay không.

Với MDFrame, nội dung file được xử lý trực tiếp trên trình duyệt (client-side).

Điều này có nghĩa là:

• File của bạn không cần upload lên server để render.
• Không cần đăng ký hoặc đăng nhập tài khoản.
• Có thể mở các tài liệu nội bộ mà không phải gửi nội dung file cho dịch vụ xử lý bên ngoài.

Đây cũng là lý do tôi chọn hướng xây dựng MDFrame như một ứng dụng chạy trên trình duyệt, thay vì phát triển một dịch vụ backend để xử lý tài liệu.

MDFrame dành cho ai?

Tôi nghĩ MDFrame sẽ hữu ích với những người thường xuyên tiếp xúc với Markdown:

• Developer cần đọc README, tài liệu API hoặc technical specification.
• BA, QA, PM cần xem tài liệu kỹ thuật được chia sẻ dưới dạng .md.
• Những người sử dụng AI để tạo tài liệu Markdown và muốn đọc lại nội dung với định dạng dễ nhìn.
• Bất kỳ ai nhận được một file .md và chỉ muốn mở nó nhanh chóng mà không cần cài đặt thêm công cụ.

MDFrame không được xây dựng để thay thế VS Code, Obsidian hay các Markdown editor chuyên dụng. Nó tập trung vào một công việc cụ thể: mở và đọc tài liệu Markdown thuận tiện nhất có thể.

Một side project nhỏ

MDFrame là một side project tôi xây dựng từ nhu cầu sử dụng thực tế của bản thân.

Tôi muốn giữ sản phẩm đơn giản, dễ tiếp cận và miễn phí. Thay vì bổ sung thật nhiều tính năng, tôi ưu tiên những chức năng phục vụ trực tiếp cho việc đọc và chia sẻ tài liệu.

Hiện tại, phiên bản đầu tiên đã có thể sử dụng tại:

https://mdframe.app

Nếu bạn thường xuyên làm việc với file Markdown, hãy thử sử dụng MDFrame. Tôi rất mong nhận được những góp ý về trải nghiệm, lỗi phát sinh hoặc tính năng thực sự hữu ích để tiếp tục cải thiện sản phẩm.

MDFrame – Read Markdown, simply.