Can we have a visual editor like typora?

What do you think about this?

"Typora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Instead, it provides a real live preview feature to help you concentrate on the content itself." (Typora .io)

The rich markdown plugin is designed for this type of experience so you might like to have a look at it. Personally I like the default hybrid approach which mostly treats markdown as code with some syntax highlighting and mild style rendering like the header resizing but that is due to the nature of the kind of notes I take however I have opened notes up in MarkText (like typora but open source) to use this "seamless" mode more than a few times.

3 Likes

Hi, and welcome!
I'm asking just to be sure, since you're new here: have you noticed the WYSIWYG editor option?

Hi! My pleasure!

Yes, I know the WYSIWYG editor, but it does not have the same experience that Typora or MarkText (cited by Daeraxa).

With this topic, I wanted to bring the discussion to the community about a visual editor that has a similar experience to those mentioned. It would be convenient for me not to split the screen and not use external applications for this.

@Daeraxa is most likely referring to the plugin called Rich Markdown that you can install on desktop from the Plugin menu in settings. It is awesome, I have been using it for months and months and never look at the built in Joplin editor. You can do things like type # Title and it will automatically make the text large and deemphasize the markdown characters. Check out this thread Plugin: Rich Markdown to see different customizations available.

3 Likes

Sorry, I didn't understand. Despite a different experience, this Rick Markdown plugin is what I need to work better.

1 Like

Hate to bump an old thread, but it's where I landed with a google...

Joplin v3.1.x broke all my previous userchrome.css edits thanks to the CodeMirror update. I just spent two hours trying to redo them and still have more to go. It's not even that many styles but all the underlying markup and/or classes changed, and without a way to hot-swap CSS files, reloading to check on things is slow.

It's getting to be some kind of absurd at this point. Yes, Rich Markdown is nice and I've been running it since I started using Joplin, but CodeMirror just isn't good enough as a base editor. I don't know what Typora or Logseq use, but not having something like it is making me feel sad and annoyed.

I want to write Markdown, not use the rich editor mode, but my styles need to be babysat. The biggest issue for me is links. Markdown's link syntax is terrible and destroys the readability of any line or paragraph that has one -- and Baby Jesus forbid there's more than one! Footnote'd links are better visually but not easy to use.

This CodeMirror update has me actually considering a swap to Logseq. Is there really nothing better out there that could be swapped in?

Be aware that the old CodeMirror 5-based editor is still included with Joplin. See "settings" > "General" > "advanced settings" > "use the legacy markdown editor".

Ah. I missed that when I went through the settings page post-update. That's good to know and does ease my styling pains for now, but is it a long-term solution?

Apparently Obsidian has Typora-like editing too as of a couple years ago, so Joplin's basically the last one that's not offering a middle ground between writing raw Markdown and using a WYSIWYG editor. I've been faking it with Rich Markdown and "active line" CSS shenanigans, but as I just found out, it all falls apart when the underlying editor is updated.

My version of "Typora" isn't even good. CodeMirror seems to get confused easily as to how long a line is when you show/hide characters, so cursor placement -- with the mouse and keyboard alike -- has always been a struggle I've suffered through.

I've been a Patreon supporter since I found Joplin, but between the crappy editor experience and tags not being their own panel I can move around, the pain points are finally getting to me.

Obsidian may also use CodeMirror 6 (presumably with custom extensions).

1 Like

Interesting... I suppose @evertton's original ask is possible then. Unfortunately I know nothing about CodeMirror beyond it being a PITA to style. With WebStorm becoming free for personal use, maybe I'll load the repo up in there and see what I can see. TS/JS apps aren't my forte, though.

1 Like

First of I've heard of Typora and it certainly looks like a beautiful app. But is it just a text editor?

The markdown hiding experience seems similar to Bear. As a macos only user, I really like the way Bear looks, but I don't like its icloud syncing solution, it has no plugins to extend features, and it's a subscription model.

If Joplin could look as good as Typora, tho, that would be amazing.