Browser-nativer Notizeditor ohne Installation/ohne Server (mit Vim-Modus)
(yupkidangju.github.io)Wenn das Starten einer schweren Electron-basierten IDE zu aufwendig ist und bei Cloud-basierten Notiz-Apps Sicherheitsbedenken bestehen, möchte ich WebMemo Pro vorstellen, einen selbst entwickelten rein lokalen Web-Editor.
Dies ist ein persönliches Projekt, mit dem ich die Grenzen des Browsers getestet habe – ganz ohne Build-Tools wie React oder Webpack, nur mit reinem Vanilla HTML/JS/CSS.
[Wichtige technische Merkmale]
Natives Speichern von Dateien (File System Access API): Wenn man im Browser Ctrl+S drückt, wird die Originaldatei auf der lokalen Festplatte direkt überschrieben, ohne dass ein Fenster „Speichern unter“ erscheint.
Vollständige Unterstützung für den Vim-Modus: Ein Vim-Emulator auf Basis von CodeMirror 6 ist integriert. Besonders interessant ist, dass der Vim-Befehl :w tatsächlich mit dem Speichern im lokalen Dateisystem verknüpft ist und bei Eingabe von :wq nach dem Speichern der Browser-Tab geschlossen wird.
Lokale Zeitmaschine (IndexedDB): Statt localStorage mit seiner Speicherbegrenzung von 5 MB wird IndexedDB genutzt, wodurch Offline-Speicherung im GB-Bereich möglich ist. Außerdem werden für jeden Tab im Hintergrund automatisch die letzten 10 Revisions-Snapshots aufbewahrt, um Datenverlust zu verhindern.
Zero-Dependency & Offline-Betrieb: Es gibt überhaupt keinen Backend-Server. Selbst wenn man nur das GitHub-Repository herunterlädt und index.html doppelklickt, funktionieren alle Features vollständig offline.
Darüber hinaus wurden entwicklerfreundliche UX-Funktionen wie Drag-and-Drop-Dateiöffnung, Live-Rendering für Markdown (einschließlich Floating TOC) und eine Minimap umgesetzt.
Es dürfte nützlich sein, wenn man leichtgewichtige Textbearbeitung oder das Schreiben von Markdown benötigt. Feedback oder Code-Reviews sind jederzeit willkommen!
Demo: https://yupkidangju.github.io/webmemo/
Quellcode (GitHub): https://github.com/Yupkidangju/webmemo
20 Kommentare
Sieht großartig aus.
Vielen Dank!
Es ist zwar Closed Source, aber ich baue gerade ein zu 100 % offline nutzbares Scratchpad: https://zetopad.site/
Wirklich großartig. Das Design ist wirklich sehr gelungen. Ein vielversprechendes Projekt!
Großartig~
Danke!
Gefällt mir
Auf dem Smartphone wäre es wohl auch gut, wenn beim Header das vertikale Scrollen blockiert würde.
Ich habe es getestet, nachdem ich den Code ergänzt hatte, und es scheint keine Probleme zu geben. Falls es doch welche gibt, freue ich mich über Feedback und werde es entsprechend berücksichtigen.
Gefällt mir
Vielen Dank!
Sieht gut aus!
Ich habe es kurz ausprobiert und hinterlasse ein paar Feedback-Punkte:
cmdstattctrl. Deshalb wäre es auf dem Mac wohl sinnvoll, wenn Befehle sowohlctrlals auchcmdakzeptieren oder sogar nurcmdzulassen würden (z. B. Datei speichern ->ctrl/cmd+s). Beim Prüfen ist mir aufgefallen, dass einige Befehle ohnehin nur mitcmdfunktionieren (z. B. Rückgängig machen – nurcmd-zfunktioniert).ctrl/cmd+szusätzlich auchctrl/cmd+ㄴakzeptieren).Ich habe versucht, das von Ihnen genannte Feedback umzusetzen. Falls etwas nicht funktioniert, sagen Sie bitte Bescheid, dann versuche ich, es zu beheben. Die Unterstützung koreanischer Befehle und ein Zeilenumbruch beim Drücken der Eingabetaste waren offenbar dasselbe Problem..
https://github.com/Yupkidangju/AIHack
https://github.com/Yupkidangju/SheetPicker
Die anderen Projekte sind auch großartig.
Danke! Das befindet sich alles noch in Entwicklung. Wir müssen es erst vollständig fertigstellen!
Oh … wirklich großartig~~
Danke!
Wow!
Danke!
Großartig.
Danke. Ich habe es noch ein wenig weiter aktualisiert, sodass jetzt auch Mermaid-Maps oder Diagramme gerendert werden!