5 ms·
Show HN: Markdown Viewer and Editor
I built an online viewer and editor for .md files where the file stays on your machine. Free to use and code is available under MIT License here: https://github.com/hattray/markdown-editor https://github.com/hattray/markdown-editor
You can also install it as a Chrome/Edge app so that it works for files on your desktop by double-clicking.
Supports standard .md files with formatting, syntax-highlighting for code, table of contents, Mermaid diagrams, LaTeX via KaTex. Also supports exporting to .html, .pdf and .png.
Please give it a try and share your feedback for improvements.
- techyKerala 13d agoNice one, simple easy for quick task
- shambo 12d agoTried variety of code blocks - SQL, json, GraphQL, Swagger, Python, etc. I liked the syntax highlighting. Most loved feature for me is the able to print/pdf the preview as-is and pre-view column width adjuster. Loved it.
- jystervinou 16d agoHi, Noob question, but how do you author a math equation? There are dedicated editors I guess?
- deleted 16d ago[deleted]
- Garlef 16d agoThere's a language for it (LaTeX). It looks like this: \int_{-\infty}^{\infty} e^{-x^2}\,dx = \sqrt{\pi}
- jystervinou 16d agoThank's, i was wondering if people were typing this latex by hand, or with a specialized visual editor.
- Garlef 15d agoboth, of course :) i prefer to do it by hand (and in some environments you can also define aliases/macros so that the different constructs you're dealing with are typeset consistently and you don't have to re-type everything)
- beerglass 16d agoUpdate: added an insert-equation button in the toolbar of my MD Viewer
- beerglass 16d agoTry this: https://github.com/arnog/mathlive https://github.com/arnog/mathlive
- jystervinou 16d agoGreat. There is a live editor here for testing with the custom keyboard: https://mathlive.io/mathfield/ https://mathlive.io/mathfield/
- beerglass 16d agoIncluded a basic "insert math" option to insert LaTeX for math symbols, greek letters, relations & operators. If you work with Math equations regularly, try it out and share any suggestions for improvements.
- alazyboon 15d ago[flagged]
- hyperhello 16d agoThoughtful UI. Really nice. Good job!
- beerglass 16d agoThanks, mate. If you work with .md files all day, try this for a few days and share feedback or suggestions for improvements.
- eleventen 16d agoNo syntax highlighting in the editor? I vibecoded a pretty robust browser Filesystem API based markdown editor myself too last week. Recommend either rolling your own with a transparent textbox layered approach or just using Monaco or https://codemirror.net/ https://codemirror.net/. I did a markdown kanban thing. Filesystem API is very cool and underused. https://github.com/subdavis/mdello/ https://github.com/subdavis/mdello/
- beerglass 16d agoThanks for your suggestion. I use plain textarea so that Undo, Spellcheck work seamlessly. Monaco at 5MB+ is bigger than the whole app. Will instead try highlight.js for transparent overlay.
- nickthegreek 16d agoHow does one 'install' into chrome so that double clicking the MD files open in browser?
- eleventen 16d agoThis is the magic of Progressive Web Apps. PWAs support the File Handler api to register themselves as the handler for certain file types.
- eleventen 16d agoI also just discovered OverType.dev which is a library for exactly this purpose. I might jettison my editor and just use OverType!
- heliskyr2 16d ago[flagged]
- docreator 16d agoWas just looking for one today, cuz wherever .MD is produced - not always has a preview like in VSCode or Cursor.
- llagerlof 16d agoI like this markdown editor library for creating wysiwyg markdown editors. https://milkdown.dev https://milkdown.dev
- dssureshk 16d agoNice tool
- goatydev 16d ago[dead]
- velocityNote 15d ago[dead]