Plugin: Rich Markdown

I'm using Firefox. 86.0 (64-bit)
I tried switching to Chrome but it still didn't work.

I also tried clicking on the link in the rendered markdown and it worked just fine (opened in default browser)

Again, for refrence, I'm on Joplin 1.7.11 prod Win32 and I'm using plugin version 0.1.1

These are my settings for the plugin:

And this is what it looks like when I am trying to click:
image

I've tried changing it to http as well as removing everything except the url. Nothing works. Let me know what else I should try.

Can you try https://www.google.com ? I'm thinking that maybe windows doesn't like the url. I tried this on my computer (Ubuntu 20.04, Firefox 85) and it works as expected.

image
still doesn't work. :frowning:

Any chance you're willing to install the development version? We might be able to get errors that way that we don't see otherwise.

Hi again, another useful addition could be a pop up showing a formatted table preview activated in some way (by clicking ctrl while hovering over the table headers - or on the line of dashes just below the headers - a bit like ctrl+overing for the image preview?). I am actually finding myself switching to the preview pane just to check if tables are properly formatted. If some cell contains lots of text the usual formatting with spaces doesn't allow much control on the final result.

I hope that this doesn't go too far.
Thanks again for your work and your attention!

P.S.: the logical extension of this would be also having a popup preview for mermaid charts...

Hey, super plugin !

I have a suggestion - it's something I wanted to have -: Do you think it's possible to have Youtube video iframe?
I store a lot of documentaries links in my lists and I think it would be cool to have the videos previews directly from Joplin.

This is really nice! Would love to have this solve this indentation issue: Indentation & Vertical Spacing in Editor - #2 by uxamanda

Also, as a note, Ctrl on a Mac (my mac?) triggers a right click, so clicking a checkmark or link works, but also shows you the right click menu. Seems like Opt would be a better modifier. Could that be a setting?

1 Like

@franz-sp Thanks for the suggestion, better support for tables, mermaid, and math (katex) are all on my to-do list. I have a couple of easier features I want to tackle first though.

@marcteys Thanks! Are you referring to having videos in the viewer or the editor? I think it was actually blocked in the Joplin renderer due to security implications. That said, if you have an idea for how to implement it securely I would probably accept a pull request.

@uxamanda Thank you! I actually looked into it this morning, it should be possible to implement in this plugin, but I'm going to try and implement it in the core app first.
Currently I have it mapped to Ctrl or Meta (which I think is cmd on a mac?), I'll change it to use option though since that seems to be the intuitive choice.

2 Likes

Yeah, that would be great - either in core app as @CalebJohn suggested or in this plugin. Very difficult to read markdown for those who take notes in outline format because of lack of indentation when line wraps to next line.

1 Like

Would it be possible to have an option to use proportional fonts? Monospace fonts are great for typewriters and code, but terrible for reading, which is why newspapers, books and Joplin's rendered view all use proportional fonts.

So if the goal of rich markdown is to obviate the viewer, the ability to use proportional fonts in the markdown editor would be very helpful.

1 Like

@jb261 you're in luck, i added support for proportional fonts (kinda) last night! I'm going to test a bit more on my machine, but will hopefully make the changes public this weekend.

FYI, as of last summer the Joplin markdown editor does actually support the use of proportional fonts. The reason they're not recommended is that some markdown elements don't work well with proportional fonts (tables mostly).

The change I'll push will enforce that anything looking like a table will be in monospace, and the rest of your document will be proportional.
If you don't use tables much, you can set a proportional font now under Appearance -> Editor Font Family

3 Likes

Awesome, looking forward to it!

Yeah, I do use tables, and it makes perfect sense that proportional fonts screw up markdown tables, so your workaround to use monospace for tables is a good idea.

Where can i download the plug-in?

@kocj You can do it through the desktop app. Go to tools>options>plugins then search for "rich".

1 Like

V0.2.0

  • Links should now work on Windows
  • ==mark== highlighting now supported
  • Option to enforce monospace on tables etc. added which will allow anyone to use proportional fonts under Appearance -> Editor font family
  • Added additional css classes to enhance userchrome.css customization options

The plugin update has been pushed, and should be available by tomorrow

5 Likes

Will the jpl be published to Github, or do we have to wait for it to be available in the repository?

For now I have made the current development snapshot available here. I'll look into automating github releases for the future.

2 Likes

Thanks, installed. Love having proportional fonts in the editor, and I can see the tables are still using monospace font. Very nice.

I see you've addressed the indentation/line wrapping issue with this update as well! Heads up, @uxamanda. This definitely makes it easier to read in the markdown editor. With this update, I'm ready to try turning off the viewer.

For checkboxes, would it be possible to have the line wrap to below the first character following the checkbox? See snapshot:

image

1 Like

Good to hear that it's working okay!

I ended up deciding to implement this in the plugin rather than trying to get it merged upstream because it's a real Hack trying to get the behaviour right. The version I pushed to the Joplin plugin database won't include this feature since I'm still testing it.

I'll look into it. It should be possible, but this is a weird case because the checkboxes are monospace, but the rest of the font is proportional (like I said, the indentation fix was a hack).

edit: It was easier than I thought, checkbox lists will be aligned properly in the next release.

2 Likes

I wonder if it would be possible to include the rendered toc somehow when we have inserted the [toc] tag. As it is now, I am using the css to cause the rendered toc to fly in when the cursor touches the right hand border. I'd love that to be a possibility even when in the markdown editor.