Show HN: Markdown Viewer and Editor

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

34 points by beerglass 5 days ago | 20 comments

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.

eleventen 4 days ago |

No 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/.

I did a markdown kanban thing. Filesystem API is very cool and underused. https://github.com/subdavis/mdello/

beerglass 4 days ago | |

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.

eleventen 4 days ago | | |

I also just discovered OverType.dev which is a library for exactly this purpose. I might jettison my editor and just use OverType!

nickthegreek 4 days ago | | |

How does one 'install' into chrome so that double clicking the MD files open in browser?

shambo 1 day ago |

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.

llagerlof 4 days ago |

I like this markdown editor library for creating wysiwyg markdown editors.

https://milkdown.dev

techyKerala 1 day ago |

Nice one, simple easy for quick task

docreator 4 days ago |

Was just looking for one today, cuz wherever .MD is produced - not always has a preview like in VSCode or Cursor.

jystervinou 5 days ago |

Hi,

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

beerglass 4 days ago | |

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.

beerglass 5 days ago | |

Try this: https://github.com/arnog/mathlive

jystervinou 5 days ago | | |

Great. There is a live editor here for testing with the custom keyboard: https://mathlive.io/mathfield/

Garlef 5 days ago | |

There's a language for it (LaTeX).

It looks like this:

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

jystervinou 5 days ago | | |

Thank's, i was wondering if people were typing this latex by hand, or with a specialized visual editor.

hyperhello 5 days ago |

Thoughtful UI. Really nice. Good job!

beerglass 4 days ago | |

Thanks, mate. If you work with .md files all day, try this for a few days and share feedback or suggestions for improvements.

dssureshk 4 days ago |

Nice tool