Operating system
Android
Joplin version
3.5.8
Sync target
WebDAV
Editor
Rich Text Editor
What issue do you have?
I like my notes to have a balance to practicality and visuals and have always managed to achieve this (in different ways) in my journey through Evernote, Upnote, NotesNook and now Joplin.
Given Joplin's lack of collapsible sections in the rich text editor (I don't use markdown editor), I had settled on using tables to group blocks of text like todo lists etc in notes ... this can work and looks pretty good.
Most of my notes are created / edited in windows or mac desktop but viewed regularly on android phone / tablet.
On the occasions that I need / want to update a note on android ... it always trashes all RT formatting around tables and I have to recreate on desktop.
Is there a way around this?
Are you using the rich text editor on both desktop and Android? Therefore are you saying that editing a table composed in the rich text editor on desktop is trashed when editing on the rich text editor on Android?
It would help to post the markdown source of a sample note with this issue (replace any personal data with dummy data in the source before posting) and show a screenshot before and after as well
Yes, Rich Text Editor on Desktop (Windows / Mac) and on Android (Tablet / Phone).
Example below ... hope it makes sense, let me know if you need more info.
Before:
Screen shot (Windows) -
Markdown (before)
Post Android Edit (Android)
Post Android Edit (Windows)
Post Edit Markdown:
Can you post that markdown source as plain text please, so it can be used by others to reproduce the issue?
You can post it on the forum using a code block, or upload it on pastebin and post the link.
Also, do you happen to be using a plugin to format the tables like that?
Before:
# <span style="color: rgb(35, 111, 161);">ToDo</span>
<div class="joplin-table-wrapper"><table border="1" style="border-collapse: collapse; width: 99.9747%; height: 48.0078px; border-width: 1px; background-color: rgb(248, 202, 198);" class="jop-noMdConv"><colgroup class="jop-noMdConv"><col style="width: 99.8986%;" class="jop-noMdConv"></colgroup><thead class="jop-noMdConv"><tr style="height: 24.0039px;" class="jop-noMdConv"><th scope="col" style="height: 24.0039px;" class="jop-noMdConv"><strong class="jop-noMdConv"><span style="color: rgb(224, 62, 45);" class="jop-noMdConv">Key Tasks </span></strong></th></tr></thead><tbody class="jop-noMdConv"><tr style="height: 24.0039px;" class="jop-noMdConv"><td style="height: 24.0039px;" class="jop-noMdConv"><ul class="jop-noMdConv"><li class="jop-noMdConv">Test Task </li><li class="jop-noMdConv">Test Task</li></ul></td></tr></tbody></table></div><div class="joplin-table-wrapper"><table border="1" style="border-collapse: collapse; width: 99.9747%; border-width: 1px; background-color: rgb(194, 224, 244);" class="jop-noMdConv"><colgroup class="jop-noMdConv"><col style="width: 99.8986%;" class="jop-noMdConv"></colgroup><thead class="jop-noMdConv"><tr class="jop-noMdConv"><th scope="col" class="jop-noMdConv"><span style="color: rgb(35, 111, 161);" class="jop-noMdConv"><strong class="jop-noMdConv">Other Tasks</strong></span></th></tr></thead><tbody class="jop-noMdConv"><tr class="jop-noMdConv"><td class="jop-noMdConv"><ul class="jop-noMdConv"><li class="jop-noMdConv">Test Task</li><li class="jop-noMdConv">Test Task</li></ul></td></tr></tbody></table></div><div class="joplin-table-wrapper"><table border="1" style="border-collapse: collapse; width: 99.9747%; border-width: 1px; background-color: rgb(191, 237, 210);" class="jop-noMdConv"><colgroup class="jop-noMdConv"><col style="width: 99.8986%;" class="jop-noMdConv"></colgroup><thead class="jop-noMdConv"><tr class="jop-noMdConv"><th scope="col" class="jop-noMdConv"><strong class="jop-noMdConv"><span style="color: rgb(22, 145, 121);" class="jop-noMdConv">Personal Tasks </span></strong></th></tr></thead><tbody class="jop-noMdConv"><tr class="jop-noMdConv"><td class="jop-noMdConv"><ul class="jop-noMdConv"><li class="jop-noMdConv">Test Task</li><li class="jop-noMdConv">Test Task</li></ul></td></tr></tbody></table></div>
* * *
* * *
# <span style="color: rgb(35, 111, 161);">Admin / Actions</span>
- Test text
Post-Edit:
# <span style="color: rgb(35, 111, 161);">ToDo</span>
<div class="joplin-table-wrapper"><table><tbody><tr><th><p><strong><span style="color: rgb(224, 62, 45);">Key Tasks </span></strong></p></th></tr><tr><td><ul><li>Test Task </li><li>Test Task</li><li>Added text</li></ul></td></tr></tbody></table></div>
<div class="joplin-table-wrapper"><table><tbody><tr><th><p><strong><span style="color: rgb(35, 111, 161);">Other Tasks</span></strong></p></th></tr><tr><td><ul><li>Test Task</li><li>Test Task</li></ul></td></tr></tbody></table></div>
<div class="joplin-table-wrapper"><table><tbody><tr><th><p><strong><span style="color: rgb(22, 145, 121);">Personal Tasks </span></strong></p></th></tr><tr><td><ul><li>Test Task</li><li>Test Task</li></ul></td></tr></tbody></table></div>
* * *
* * *
# <span style="color: rgb(35, 111, 161);">Admin / Actions</span>
- Test text
I’ve hopefully added the before & after markdown … no plugins used, just add table then [Table Properties] - [Advanced] and change the background colour
Thank you for the note source and for the clarification that the styling is made with a built in Joplin desktop feature.
I can reproduce the issue on mobile by pasting the original markdown source into a note, then editing it in the rich text editor. So I’d classify this as a bug.
The issue looks to be that when you change the table in the mobile rich text editor, the style attribute of the <table> elements are removed
1 Like
