HN Explorer

Show HN: Markdown Viewer and Editor (kingsbridge-consultancy.com)

2 points by beerglass ↗ HN
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

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.

25 comments

[ 0.30 ms ] story [ 50.3 ms ] thread
jystervinou
Hi,

Noob question, but how do you author a math equation? There are dedicated editors I guess?

Garlef
There's a language for it (LaTeX).

It looks like this:

\int_{-\infty}^{\infty} e^{-x^2}\,dx = \sqrt{\pi}

jystervinou
Thank's, i was wondering if people were typing this latex by hand, or with a specialized visual editor.
beerglass
Update: added an insert-equation button in the toolbar of my MD Viewer
Garlef
both, 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
Included 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.
hyperhello
Thoughtful UI. Really nice. Good job!
beerglass
Thanks, mate. If you work with .md files all day, try this for a few days and share feedback or suggestions for improvements.
eleventen
No syntax highlighting in the editor? I vibecoded a more robust browser Filesystem API based markdown editor last week.

Recommend either rolling your own with a transparent textbox layered approach or just using Monaco or https://codemirror.net/.

beerglass
Thanks 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
How does one 'install' into chrome so that double clicking the MD files open in browser?
eleventen
This is the magic of Progressive Web Apps. PWAs support the File Handler api to register themselves as the handler for certain file types.
eleventen
I also just discovered OverType.dev which is a library for exactly this purpose. I might jettison my editor and just use OverType!
docreator
Was just looking for one today, cuz wherever .MD is produced - not always has a preview like in VSCode or Cursor.
shambo
Tried 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.