Memo pad native browser tanpa instalasi/server (mendukung mode Vim)

Menyalakan IDE berat berbasis Electron terasa merepotkan, sementara aplikasi catatan berbasis cloud menimbulkan kekhawatiran soal keamanan, jadi saya ingin memperkenalkan WebMemo Pro, editor web murni lokal yang saya kembangkan sendiri.

Ini adalah proyek pribadi untuk menguji batas browser hanya dengan Vanilla HTML/JS/CSS murni, tanpa alat build seperti React atau Webpack.

[Karakteristik teknis utama]

Penyimpanan file native (File System Access API): saat menekan Ctrl+S di browser, file asli di disk lokal akan langsung ditimpa tanpa jendela "Simpan sebagai".

Dukungan mode Vim yang lengkap: dibekali emulator Vim berbasis CodeMirror 6. Hal yang menarik, perintah :w di Vim benar-benar terhubung dengan penyimpanan ke sistem file lokal, dan saat memasukkan :wq, tab browser akan ditutup setelah menyimpan.

Time Machine lokal (IndexedDB): alih-alih localStorage yang memiliki batas kapasitas 5MB, aplikasi ini memanfaatkan IndexedDB sehingga penyimpanan offline hingga satuan GB dimungkinkan. Selain itu, untuk setiap tab, 10 snapshot revisi terbaru disimpan otomatis di latar belakang guna mencegah kehilangan data.

Zero-Dependency & berjalan offline: tidak ada server backend sama sekali. Cukup unduh repositori GitHub dan klik ganda index.html, maka semua fungsi akan berjalan sempurna dalam keadaan offline penuh.

Selain itu, saya juga mengimplementasikan UX yang ramah pengembang seperti membuka file dengan drag and drop, rendering Markdown real-time (termasuk Floating TOC), dan minimap.

Sepertinya ini bisa berguna saat membutuhkan pengeditan teks ringan atau penulisan Markdown. Masukan dan code review selalu saya sambut!

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

Kode sumber (GitHub): https://github.com/Yupkidangju/webmemo

[jtpark03]

Keren sekali

[yupkidangju]

Terima kasih!

[freedomzero]

Meskipun closed source, saya sedang membuat scratchboard 100% offline: https://zetopad.site/

[yupkidangju]

Keren sekali. Desainnya sangat bagus. Ini proyek yang sangat menjanjikan!

[shakespeares]

Keren sekali~

[yupkidangju]

Terima kasih!

[boxqkrtm]

Bagus ya
Di mobile, sepertinya akan lebih baik kalau scroll vertikal di bagian header juga diblokir

[yupkidangju]

Saya sudah mencobanya dengan menambahkan kode, dan sepertinya tidak ada masalah, tetapi kalau ada masalah mohon beri masukan, nanti akan saya tindak lanjuti.

[nobae]

Suka

[yupkidangju]

Terima kasih!

[t7vonn]

Bagus!

Saya mencobanya sebentar dan meninggalkan beberapa masukan singkat.

• Di Mac, yang lebih sering digunakan adalah cmd, bukan ctrl, jadi sepertinya di Mac akan lebih baik jika perintah menerima keduanya, ctrl/cmd, atau bahkan cukup cmd saja (mis. simpan file -> ctrl/cmd+s) - setelah saya cek, beberapa perintah ternyata hanya berfungsi dengan cmd (mis. urungkan - hanya cmd-z yang berfungsi)
• Akan lebih praktis jika input Hangul juga diterima dengan cara yang sama saat memasukkan perintah (mis. untuk ctrl/cmd+s, ctrl/cmd+ㄴ juga diterima)
• Di mode perintah vim, menurut saya saat menekan Enter seharusnya hanya kursor yang berpindah, tetapi malah menambahkan baris baru

[yupkidangju]

Saya sudah mencoba menerapkan masukan yang Anda sampaikan. Jika ada yang masih tidak berfungsi, beri tahu saya dan akan saya coba perbaiki. Dukungan perintah bahasa Korea dan baris baru saat menekan Enter ternyata adalah masalah yang sama..

[heycalmdown]

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

Proyek lainnya juga keren

[yupkidangju]

Terima kasih! Itu semua masih sedang dalam pengembangan. Harus diselesaikan sampai benar-benar jadi!

[zinisuni]

Oh.. bagus banget~~

[yupkidangju]

Terima kasih!

[chl11wq12]

Wah!

[yupkidangju]

Terima kasih!

[aqwer31560]

Keren sekali

[yupkidangju]

Terima kasih. Saya sudah memperbaruinya sedikit lagi sehingga peta atau diagram Mermaid juga bisa dirender!