Bloc de notas nativo del navegador que funciona sin instalación ni servidor (compatible con modo Vim)

Presento WebMemo Pro, un editor web puramente local que desarrollé yo mismo, pensado para cuando da flojera abrir un IDE pesado basado en Electron y las apps de notas en la nube generan preocupaciones de seguridad.

Es un proyecto personal con el que puse a prueba los límites del navegador usando solo Vanilla HTML/JS/CSS, sin herramientas de build como React o Webpack.

[Principales características técnicas]

Guardado nativo de archivos (File System Access API): si presionas Ctrl+S en el navegador, sobrescribe directamente el archivo original en el disco local sin abrir la ventana de "Guardar como".

Compatibilidad completa con modo Vim: incluye un emulador de Vim basado en CodeMirror 6. Lo interesante es que el comando :w de Vim está conectado al guardado real en el sistema de archivos local, y al escribir :wq, se guarda el archivo y luego se cierra la pestaña del navegador.

Máquina del tiempo local (IndexedDB): en lugar de localStorage, que tiene un límite de 5 MB, usa IndexedDB para permitir almacenamiento offline de varios GB. Además, conserva automáticamente en segundo plano las 10 revisiones más recientes por cada pestaña para evitar la pérdida de datos.

Zero-Dependency y funcionamiento offline: no existe ningún servidor backend. Incluso si descargas el repositorio de GitHub y haces doble clic en index.html, todas las funciones operan perfectamente en modo totalmente offline.

Además, implementé una UX amigable para desarrolladores con funciones como apertura de archivos mediante drag and drop, renderizado en tiempo real de Markdown (incluyendo Floating TOC) y minimapa.

Creo que puede ser útil cuando necesites edición ligera de texto o redacción en Markdown. ¡Siempre son bienvenidos los comentarios y las revisiones de código!

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

Código fuente (GitHub): https://github.com/Yupkidangju/webmemo

[jtpark03]

Qué bien.

[yupkidangju]

¡Gracias!

[freedomzero]

Aunque es de código cerrado, estoy creando una pizarra de apuntes 100% offline: https://zetopad.site/

[yupkidangju]

Realmente genial. El diseño está muy bien. ¡Es un proyecto muy prometedor!

[shakespeares]

Qué genial~

[yupkidangju]

¡Gracias!

[boxqkrtm]

Está bueno
Creo que también estaría bien bloquear el desplazamiento vertical de la parte del encabezado en móvil

[yupkidangju]

Le agregué código y lo probé, y no parece haber problemas, pero por si acaso, si encuentran alguno y me dejan feedback, lo reflejaré.

[nobae]

Me gusta

[yupkidangju]

¡Gracias!

[t7vonn]

¡Está bueno!

Lo probé un momento y dejo algunos comentarios breves.

• En Mac se usa más cmd que ctrl, así que estaría bien que en Mac los comandos aceptaran tanto ctrl/cmd, o incluso solo cmd (ej.: guardar archivo -> ctrl/cmd+s). Revisándolo, algunos comandos solo funcionan con cmd (ej.: deshacer: solo funciona cmd-z).
• Sería conveniente que al ingresar comandos también se aceptara el coreano de la misma manera (ej.: en el caso de ctrl/cmd+s, que también acepte ctrl/cmd+ㄴ).
• En el modo de comandos de Vim, al presionar Enter, según entiendo, solo debería moverse el cursor, pero se inserta una nueva línea.

[yupkidangju]

Intenté incorporar los comentarios que me mencionaste. Si hay algo que no funciona, avísame y trataré de resolverlo. El soporte para comandos en coreano y el salto de línea al presionar Enter resultaron ser el mismo problema..

[heycalmdown]

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

Los otros proyectos también están geniales.

[yupkidangju]

¡Gracias! Eso todavía está en desarrollo por parte de todos. ¡Hay que terminar de hacerlo por completo!

[zinisuni]

Oh... está buenísimo~~

[yupkidangju]

¡Gracias!

[chl11wq12]

¡Guauuu!

[yupkidangju]

¡Gracias!

[aqwer31560]

Está buenísimo.

[yupkidangju]

Gracias. Lo actualicé un poco más para que también pueda renderizar mapas o diagramas de Mermaid.