Sổ tay native chạy ngay trong trình duyệt, không cần cài đặt/không cần máy chủ (hỗ trợ chế độ Vim)

Ngại phải mở các IDE nặng dựa trên Electron, còn các ứng dụng ghi chú trên đám mây lại khiến mình lo về bảo mật, nên mình xin giới thiệu WebMemo Pro, một trình soạn thảo web thuần cục bộ do mình tự phát triển.

Đây là một dự án cá nhân nhằm thử nghiệm giới hạn của trình duyệt chỉ với Vanilla HTML/JS/CSS thuần túy, không dùng các công cụ build như React hay Webpack.

[Các đặc điểm kỹ thuật chính]

Lưu tệp native (File System Access API): khi nhấn Ctrl+S trong trình duyệt, tệp gốc trên ổ đĩa cục bộ sẽ được ghi đè trực tiếp mà không hiện cửa sổ "Lưu thành".

Hỗ trợ chế độ Vim hoàn chỉnh: tích hợp trình giả lập Vim dựa trên CodeMirror 6. Điểm thú vị là lệnh :w của Vim được liên kết với việc lưu thật vào hệ thống tệp cục bộ, và khi nhập :wq thì tab trình duyệt sẽ được đóng sau khi lưu.

Cỗ máy thời gian cục bộ (IndexedDB): thay vì localStorage bị giới hạn 5MB, ứng dụng tận dụng IndexedDB để lưu ngoại tuyến ở quy mô hàng GB. Ngoài ra, với mỗi tab, 10 snapshot revision gần nhất được tự động lưu nền để ngăn mất dữ liệu.

Zero-Dependency & chạy ngoại tuyến: hoàn toàn không có máy chủ backend. Chỉ cần tải repository GitHub về và nhấp đúp vào index.html là mọi tính năng đều hoạt động đầy đủ trong trạng thái ngoại tuyến hoàn toàn.

Ngoài ra còn có UX thân thiện với lập trình viên như mở tệp bằng kéo thả, render Markdown theo thời gian thực (bao gồm Floating TOC), minimap, v.v.

Có lẽ công cụ này sẽ hữu ích khi cần chỉnh sửa văn bản nhẹ hoặc viết Markdown. Mình luôn hoan nghênh mọi phản hồi hay review code!

Demo: https://yupkidangju.github.io/webmemo/

Mã nguồn (GitHub): https://github.com/Yupkidangju/webmemo

[jtpark03]

Hay đấy.

[yupkidangju]

Cảm ơn bạn!

[freedomzero]

Mã nguồn đóng, nhưng tôi đang làm một scratchboard 100% ngoại tuyến: https://zetopad.site/

[yupkidangju]

Thật sự rất tuyệt. Thiết kế cực kỳ đẹp. Đây là một dự án rất đáng mong đợi!

[shakespeares]

Tuyệt vời~

[yupkidangju]

Cảm ơn bạn!

[boxqkrtm]

Hay đấy
Mình nghĩ sẽ tốt hơn nếu trên di động cũng chặn cuộn dọc ở phần header

[yupkidangju]

Tôi đã thử bằng cách thêm mã thì có vẻ không có vấn đề gì, nhưng nếu có vấn đề nào thì hãy phản hồi, tôi sẽ cập nhật.

[nobae]

Thích

[yupkidangju]

Cảm ơn bạn!

[t7vonn]

Hay đấy!

Mình dùng thử ngắn gọn và để lại vài phản hồi

• Trên Mac, người ta chủ yếu dùng cmd thay vì ctrl, nên có lẽ trên Mac nên cho phép cả ctrl/cmd hoặc chỉ cmd thôi cũng được (ví dụ: lưu tệp -> ctrl/cmd+s) - mình kiểm tra thì thấy một số lệnh chỉ hoạt động với cmd (ví dụ: hoàn tác - chỉ cmd-z hoạt động)
• Sẽ tiện hơn nếu khi nhập lệnh cũng cho phép tiếng Hàn tương tự (ví dụ: với ctrl/cmd+s thì cũng nhận ctrl/cmd+ㄴ)
• Trong vim command mode, theo mình khi nhấn Enter thì chỉ nên di chuyển con trỏ, nhưng hiện lại chèn thêm dòng mới

[yupkidangju]

Tôi đã thử phản ánh những góp ý mà bạn đã nêu. Nếu có chỗ nào vẫn không hoạt động, hãy cho tôi biết, tôi sẽ cố gắng khắc phục. Hỗ trợ lệnh tiếng Hàn và việc xuống dòng khi nhấn Enter hóa ra là cùng một vấn đề..

[heycalmdown]

https://github.com/Yupkidangju/AIHack
https://github.com/Yupkidangju/SheetPicker

Các dự án khác cũng rất tuyệt

[yupkidangju]

Cảm ơn! Mấy thứ đó hiện mọi người vẫn đang phát triển. Phải làm cho thật hoàn chỉnh chứ!

[zinisuni]

Ồ.. tuyệt quá~~

[yupkidangju]

Cảm ơn!

[chl11wq12]

Wowww!

[yupkidangju]

Cảm ơn bạn!

[aqwer31560]

Quá đỉnh

[yupkidangju]

Cảm ơn bạn. Tôi đã cập nhật thêm một chút để giờ đây cũng có thể render cả sơ đồ và biểu đồ Mermaid!