\

Show HN: Atomic Editor – Obsidian-style live preview for CodeMirror 6

29 points - today at 12:32 PM

Source
  • chaoxu

    today at 3:44 PM

    I'm testing it and seems to be very broken, typing things around and things jumps everywhere.

    I was trying to create something like this too, because I need something that also work for mathematical writing. Let me push a version on github and update, it fixes a lot of issues.

    Unfortunately it works on my own version of markdown, which is a subset of pandoc markdown, but I think one can get claude to update the parser to work for other things.

      • kenforthewin

        today at 3:51 PM

        Thanks for trying it out! would you mind giving some steps that allow me to repro the issue? It's early days so i'm sure there are some rough edges, hopefully I can fix them quickly.

    • today at 2:55 PM

      • pbjerkeseth

        today at 3:05 PM

        Nice work! It seems like selection highlighting(?) doesn't work but the interaction feels good otherwise.

        I'm curious when I see things more geared toward prose using CodeMirror instead of ProseMirror. Any comment on that decision?

          • kenforthewin

            today at 3:39 PM

            Thanks for the heads up - I pushed up a fix to the hightlighting issue.

            I originally went with Milkdown (Prosemirror-based) for Atomic, the knowledge base project that I built Atomic Editor for. ProseMirror doesn't provide virtualization out of the box. For shorter notes and even moderately long content it's fine - but atomic supports syncing content from a diverse set of sources and I noticed that long documents were causing delays on initial page load and some lag during edits. I didn't find anything like it with native virtualization that felt right to me so I built Atomic Editor.

              • pbjerkeseth

                today at 4:36 PM

                No problem, I actually went through a similar path of trying milkdown/tiptap/a few others as the core for my own editor needs but kept running into into issues where the abstractions got in the way eventually. I was thinking about using ProseMirror for a custom 'one big text file' concept so I guess Ill close the door on that idea and give this a try.

            • bityard

              today at 3:24 PM

              Selection worked for me on mobile, but doesn't show a highlight. Probably a simple CSS fix.

          • benatkin

            today at 3:37 PM

            That looks pretty good, but it isn't quite there yet, for me. If you try to delete the opening fence, the closing fence turns into a closing fence, and the abstraction leaks in tables.