Show HN: Markdown Viewer and Editor

(kingsbridge-consultancy.com)

31 points | by beerglass 2 days ago ago

18 comments

  • eleventen 2 days ago 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 2 days ago 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 a day ago 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 a day ago ago

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

        • eleventen a day ago ago

          This is the magic of Progressive Web Apps. PWAs support the File Handler api to register themselves as the handler for certain file types.

  • llagerlof a day ago ago

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

    https://milkdown.dev

  • docreator a day ago ago

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

  • jystervinou 2 days ago ago

    Hi,

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

    • beerglass 2 days ago 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 2 days ago ago
    • Garlef 2 days ago ago

      There's a language for it (LaTeX).

      It looks like this:

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

      • jystervinou 2 days ago ago

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

        • Garlef 5 hours ago ago

          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 2 days ago ago

          Update: added an insert-equation button in the toolbar of my MD Viewer

  • hyperhello 2 days ago ago

    Thoughtful UI. Really nice. Good job!

    • beerglass 2 days ago 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 a day ago ago

    Nice tool