WYSIWYG to-do list

[poVoq]

09 March 2020 by @laurent22: The next version of Joplin will include an experimental WYSIWYG so I'm using this post to list the work that still needs to be done on it:

• [x] Add back support for external editing
• [x] Allow creating code blocks for Katex, Mermaid, Fountain, and for actual source code.
• [x] Allow creating checkboxes
• [x] Improve handling of non-standard Markdown plugins
• [x] Add "Insert date time" button
• [x] Add Tag button
• [x] Display tags below title
• [x] Add "Alarm" button
• [x] Add "Note Properties" button
• [x] Check that when clicking "Back" from note history, it goes back to WYSIWYG editor
• [x] Add "Content Properties" button
• [x] Clicking a link (internal or external) does not do anything, you have to right-click to get a menu "Link / Remove Link / Open Link" and "Open Link" does not work.
• [x] When creating link, remove option to set the target to "current window" or "new window"
• [x] Handle pasting note links (which are in Markdown) in editor
• [x] Fix printing
  • [x] Check Export to PDF
• [x] Tables
  • [x] Table lines are dashed not solid.
  • [x] Toolbar button for creating tables
  • [x] Context menu to add / remove columns & rows
  • [x] Tables have "draggable corners" - remove it
• [x] Add support for userstyle.css

If you find any issue or bug please post here.

---

22 Jan 2018 by @poVoq: Original post:

Would be awesome if synergies with this great new WYSIWYG markdown editor could be utilized: https://github.com/nhnent/tui.editor

[mira13]

Hi, team, thank you for what are you doing, Just report of issue with table content. When inserting text in a row - single name of python file - like filename.py , it becomes a link automaticly after save.

i'm running Joplin 1.0.209 (prod, darwin) on mac

[dpoulton-github]

Just a user not a dev...

I believe that is because .py is the TLD for Paraguay so filename.py is seen as a URL. I have had to use html codes in python filenames to stop this happening. Something like:

filename<span>.</span>py

[mira13]

The problem is not that it is automaticly inserted, but that no way to remove it, without tricks as

[thelazyoxymoron]

This is such a huge update! I have been recommending Joplin to anyone who would listen, and the biggest complaint I've heard so far is the lack of WYSIWYG editor. Thank you so much for working on this!

[armaccloud]

I don't know whether this is only on my installation, but I can't use Ctrl-z (undo) in the wysiwyg editor. Is this a bug?

[jameskirkwood]

I don't know whether this is only on my installation, but I can't use Ctrl-z (undo) in the wysiwyg editor. Is this a bug?

I find that I can only undo the most recent cluster of keystrokes, and only within one second afterwards, or about the same as the minimum delay between keystroke clusters.

(Using Joplin-1.0.212.AppImage)

[armaccloud]

I find that I can only undo the most recent cluster of keystrokes, and only within one second afterwards, or about the same as the minimum delay between keystroke clusters.

(Using Joplin-1.0.212.AppImage)

Ah, you are right, I was too slow with undoing a keystroke. However, this implementation seems somewhat limited and uncommon in my view. Is this something that can be configured to become more in line with how text editors normally behave?

[horizonbrave]

How to use the WYSWYG editor in the Android app? Sorry I've been out of the loop for a while and always wanted this feature.

Thanks

On Fri, 5 Jun 2020, 6:41 pm Arno Mühren, notifications@github.com wrote:

I find that I can only undo the most recent cluster of keystrokes, and only within one second afterwards, or about the same as the minimum delay between keystroke clusters.

(Using Joplin-1.0.212.AppImage)

Ah, you are right, I was too slow with undoing a keystroke. However, this implementation seems somewhat limited and uncommon in my view. Is this something that can be configured to become more in line with how text editors normally behave?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/laurent22/joplin/issues/176#issuecomment-639400621, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACQJLC6MOWBXW7GH6JKOC3LRVDDV3ANCNFSM4EMZWDFA .

[deftdawg]

EDIT: 1.0.218 resolved this issue

Feel like 1.0.217's switch to dark text on dark background is encouraging me to fully adopt 😆

[arminus]

It seems that clicking on a hyperlink (no edit whatsoever) in the WYSIWYG view sets the timestamp of that note to the current date? Looks like a bug to me... Other than that - great work!

[alreadydone]

About undo: if undo doesn't work then the editor should let user choose when to save the note instead of saving instantly, or save multiple user-marked versions so that the user can restore to those versions.

In my experience (1.0.218 on Windows), I find that insertion or replacement (of a selected image) can't be undone at all (unlike text, which can be undone to a limited extent). If you replace an image by accident, it's forever lost immediately. Moreover, when you paste an image at the end of a document and press Down button, the cursor is moved to the beginning of the note. If you don't press Down and paste the image again, you still find that it's pasted to the beginning of the note.

I recently switched to Joplin after finding that the evil OneNote doesn't provide an option to store notes locally and my notes full of screenshots from Zoom seminars were eating up my OneDrive space. Good job and keep going!

[dbogdanov]

The unstable undo behavior is really an issue, I've occasionally lost some notes more than once. Undo should remember all recent changes since opening a note.

[laurent22]

Yes, fixing undo is high on the priority list.

[laurent22]

I'm closing this issue now as the biggest chunks of features have been implemented now. For new issues please create a new bug report as it will be easier to track.

[Pete-C2]

The [toc] functionality is gone and reverted in links to chapters when toggling between WYSIWYG and otther view. This also then prevents the TOC sidebar as per https://discourse.joplinapp.org/t/toc-as-the-sidebar/5979 from working

[fbroussais]

Hi ! Thank you for that usefull functionnality... and for Joplin ! I use Joplin (Win10/Android) for my docs with syn on my Synology/WebDav. For WYSYWIG cut/paste I use MarkText, but it seems like I'll not have to soon !

May I suggest you to simplify the "switch view" mode ?

When I'm in the WYSIWYG editor, I can't easily select a part of bloc code (for example to copy-pase it in my IDE). For that, I have to be in "code mode" then to disable the "dual view" (because I don't want to see the code in that moment).

Perhaps the existing buttons "code" and "dual view" + a third one "edit" with a pen icon go in edition mode ? And with that it may avoid modifying the code accidentally too when the code editor is visible.

[jasonbrown1965]

Installation error!

Installed the normal app, realised it was markdown -bleh, wysiwyg+keyboard shortcuts ftw - and looked up if there was a wysiwyg version - there is! Woohoo, uninstalled normie markdown version, installed this one, but audience sigh got this:

Running win10 pro 1909 (not risking 2004 yet), otherwise all up to date, malwarebytes checked etc. Will try a reboot and see if that makes a difference.

Edit: nope, no diff, not even after running CCleaner registry tool - yeah, yeah I know (Piriform appears to have dropped troublesome add-ons and never install anyway), but wanted to double check. Tool did catch Joplin remnants, still got exact same error.

[iFreilicht]

A suggestion for working around the plug-in problem, and making sure that there is no way to create damaged notes: What if we never had to convert back from HTML to MD?

Wouldn't it be possible to edit the Markdown text in the background, and just have the MD->HTML conversion be used for rendering? So when you click anywhere in the visual representation, internally it jumps to that character in MD. If that's a plugin section, it opens the floating editor like it already does for some plugins. If it's not, typing will edit the underlying MD, which then gets converted to HTML on the fly as part of the rendering process.

This way, there's no way to corrupt the underlying MD text, and all plug-in specific text will stay intact.

[rafikiphoto]

Joplin 1.3.11 Windows 10 20H2 19042.610 WYSIWYG editor Tables: When I delete columns from a table it looks fine in the WYSIWYG editor however when I switch to Viewer the previous, deleted columns are visible. The edit isn't saved.

[esd-o]

Joplin 1.6.8 Windows 10 WYSIWYG editor

Sometimes, bold or italic text is showing s instead of being bold or italic. Initially, when typing, it works just fine, but if I open another note and come back to the note I was editing, it gets converted to showing s. Seems to be somewhat random. Pic: Example, "hipercoagulabilidade" was set to being italic, but when i came back it was like this.

[wenbert]

Is it possible to customise the fonts/CSS on the WYSIWYG editor? I have not found an official document for it. For example in userstyles.css I have this:

/* For styling the rendered Markdown */
body {
  font-family: 'Droid Serif', 'Merriweather', 'Georgia';
  line-height: 1.7;
}

Which has no effect in the WYSIWYG editor