Home / GitHub Page

WYSIWYG editor in Joplin

+1 for HyperMD - I just tried out the demo of HyperMD here and I would really like to have this as an option. It provides a good balance between WYSIWYG and access to Markdown. - I would probably use it as the default, if Joplin would integrate it and only switch to the two-pane view, when there is a need for it.

@laurent would it be feasible to integrate that into the mobile versions as well?

Wow… just had a look at HyperMD. It is looking great and I like the similar approach to Typora.

So… +1!

1 Like

I agree with Vaughan: I see the appeal of markdown with its flexibility and simplicity, but having a built-in WYSIWYG editor for folks just looking for more generic note-taking and -reading capabilities would be great.

1 Like

Something similar to Dreamweaver interface might be the better option with three modes: WYSIWYG editor, markdown and split view.

WYSIWYG as a default caters for a larger demographic as it requires no learning. Familiarity with Word processors along with many other common applications makes it a far more comfortable experience for majority of users.

Another advantage of WYSIWYG is readability, I find it far more difficult to find different sections of the content I want editor as there’s no clear distinction between section e.g. bold headings and highlight sections. Markup also adds clutter which further reduces readability.

Markup definitely has it advantages particularly with Latex, HTML and other more advanced features. However, I think a WYSIWYG editor provides a much more intutiative experience and can be more productive for general use.

No it wouldn’t work. I see HyperMD is based on Code Mirror and as of now that editor doesn’t support mobile.

Code editing on mobile is surprisingly under-developed - most libs were created a long time ago, before mobile was so widespread so none of the major ones work on it.

The most promising effort for mobile is Code Mirror 6 but last time I checked it was still a long way off. If they ever release it, maybe HyperMD will upgrade to it (“maybe” because it would be a tricky upgrade due to the API changes and the fact the existing plugins won’t work anymore).

For me as a university student who often has to deal with formulas the only thing i rly miss in Joplin over MsOffice is the ability to see the part of the formula I’m currently wiritng on. In Ms Office I’m typing a little part of the formula and hit space and Latex / UnicodeMath is converted into a formula, making long complicated formulas still overviewable >_< But this can also be done by making a little window appear under the formula, showing of the whole formula and the part that is getting changed. But that’s only my need, for me there isn’t much of a need to make Joplin become like Typora, for me two areas are even better fitting my needs x.x

(I really appreciate your use of code blocks to better format emoji ⚫️w⚫️)

The problem with japanese emoticons and markdown is that _ in n_n, -_- or ^_^ triggers the italic formatting x.x.
Same problem in Discord, which also uses Mardkown. So the best solution is to make a codeblock around them, to still be able to use this cute japanese emojis n_n
And to keep it consistent make a codeblock around everyone of them, even though only n_n, ^_^, *_*, >_<, ;_;, u_u, o_O, `` and -_- are affected by this problem .o.

1 Like

I downloaded Typora and set it as the external editor in Joplin. So far, it’s quite nice–good balance (for me, and obviously some others) of strict markdown syntax along with legible, useable visuals.

1 Like

This is needed on Android. I would like to have a user friendly option to adding things to my notes without using markdown.

1 Like

Interestingly, Marktext uses Joplin’s lib to convert HTML to Markdown - https://github.com/marktext/marktext/blob/5b8da2cdf458518aa93616d47471841b10e06369/src/muya/lib/utils/turndownService.js#L4 and they’ve just filed a bug report (which I plan to fix). Small world :slight_smile:

4 Likes

Here is comment #79. Why not.

Philosophy

There is one argument in the above thread which is unarguable: all the work is being done by one person and no one can demand anything. And no one said this exactly, but this project isn’t a democracy. OK, I can buy those. So perhaps this won’t happen.

But it is extremely obnoxious all these people who seem incredulous that anyone else would think differently than they do. That this shouldn’t happen as some sort of matter of righteousness.

Accessibility

The lack of simple WYSIWYG editor is the main thing stopping me from using Joplin at work as much as I should. It would really help me and so far it’s the best thing I’ve found but I get frustrated by it a lot.

Maybe it’s because I have a mild cognitive impairment, but I get completely lost in any Markdown file more than 2 or 3 hundred words long. And since you can’t have more than a single file open at once, if you want to look at several things at once, the only way to do it is to put them in the same file. I rely heavily on formatting to structure and therefor understand my own writing in general.

Hide the junk if desired

A lot of the websites that are useful to me at work (and which I keep in notes for citations) have long jibberish URLs. Being unable to hide those in the editing interface creates so much clutter. Like half the screen is occupied with URLs. The footnote feature is really great but it would be better if I could hide the footnotes while typing, because it’s hard to follow.

Does MD need to be visible to be useful?

I have been trying to get with MD for the past several months because all the fun nerdy tools I like rely heavily on it. I know it as well as I’m ever going to and I can see the benefits particularly so far as portability goes. What I do not understand is why it is so sacrilegious to allow the user the option of hiding the back end?

When I make a list, I like it to be evenly indented on the left side even when the line runs long. I like headings to be big so I can follow the structure. I like to have links clickable with hidden URLs. These tools have been created and are popular because they are handy.

I don’t know if there is some sort of neuroplasticity thing that happens to people when they become proficient at programming and spend a lot of time doing it. Maybe you learn a different way of looking at text. I wonder if there is some sort of synesthesia going on. But let me tell you about the rest of us: Looking at information that tells you how the text is going to be formatted is in no way the same as looking at formatted text! No matter how beautiful and straight forward and “natural” the code, it is not the same. Text formatting is as old as text itself because it improves the usability of the technology.

Reddit

Reddit has a really nice way of going between MD and WYSIWYG. What’s wrong with that? Wouldn’t everyone be happy?

Sync the 2 windows

If the format of the two side-by-side windows is the only way forward, is there some way to make it so the scrolling can be synchronized? I get disoriented in the file and can’t find my way back again. Like if I am reviewing in the Preview pane and I notice an error, sometimes I have to do a lot of work to find the right place in the editing pane. Or I edit something and can’t find it in Preview. If there was a button I could press to jump one pane to the same general area as the other, that would be helpful. (To me that sounds much more complicated tho.)

4 Likes

@iLoveVaccines, built-in support for WYSIWYG would be best, but in the meantime have you tried using the external editor feature with something like Typora? Especially with the coming release it’s getting more reliable so for those who really prefer WYSIWYG, this can be a good option.

1 Like

I would like a nice editor on mobile since using markdown with a mobile keyboard is painful. Please add an option to enable a nice editor. If you do not want an editor, just disable it in the options.

There are no editors for mobile.

I thought this was built as an alternative to Evernote? EN has WYSIWYG. Honestly, I wouldn’t care if it were plain text like Windows Notepad. I’m not a fan of 3 panes. I would prefer to have just one pane to type and read. But what I want to read is MY NOTE, not a bunch of Mark Up, Mark Down, Mucked Up garbage. I set the layout to Output, but then I can’t edit it without switching. I’d be happy just to be able to edit on the same screen I’m reading. And by Edit, I mean simply changing text. I don’t need this to be a synchronized 156 GB version of Microsoft Office. Although I’m not a developer, I can figure out what the additional text means, but I shouldn’t have to. Keep in mind, you’re catering to a large crowd. Keep it simple.

1 Like

I’m fairly certain Joplin isn’t catering to the large crowd that uses Evernote and Onenote but to people that want to use Markdown.

1 Like

It’s true that Joplin is not catering to a big crowd, but perhaps it’s appeal has reached a broad enough level now that it’s catching on with a larger group of people that don’t care as much about markdown specifically. Perhaps it’s attracted users looking for an open-source, bring-your-own-backend, use-on-many devices, note-taking app.

Closing topic as everything has been said about it. We all know that having this feature would be nice but that’s a lot of work and nobody is willing to work on it at the moment.

4 Likes