Mobile: Markdown Toolbar

the photo

Be sure to enable the beta editor in settings!

1 Like

Thank you very much, to help you increase your design inspiration. I've deliberately recorded videos about other apps I use for your reference.

Thank you for everything you do.

app: ankidroid, feishu (probably you haven't heard of it)

Video sharing link

https://1drv.ms/u/s!AjUhMEyrls9_0hP8q3MTBWJ8LsAT?e=XKvm1a

1 Like
2 Likes

This is great, how to let software developers see this, so that it can be listed on the Google Store so that more people can feel the charm of this version.

GSoC is a collaboration between contributors and open source organisations over the summer. This is one of the selected projects.
If the work is done and we agree that the feature is complete and can be merged then you will of course see it in a future release.

Ok, I'm very much looking forward to it.

1 Like

Thank you for taking the time to build a pre-release. I don't know which functions are left to implement or what exactly you are left with. I like that changes between the submenus are smooth. I would still vote for some kind of customisability (order, inside a group or not, disable) as especially on a tablet there's plenty of space to add at least a few more symbols. I found the placement of formatting (bold, italicize) together with code and link a bit counterintuitive and would expect it to be first a separate group and second either the first item or between headers and lists. I also got a bit confused by the cross in a box as a go back button.

Two bugs I ran into (v5 with your apk):

  1. I've had moments when the "hide keyboard button" disappeared. I can't really reproduce it in a consistent manner. It happened after I played around several times with lists or sometimes if I would start to edit a note again.
  2. I couldn't add a list in the style ordered - unordered:
1. Item
    - Subitem
2. Item
    - Subitem

If I change a subitem to be unordered instead of ordered the whole list changes to be unordered. I think the function should only act on the same level of the list, but it should act on the whole list if all of it is selected.

3 Likes

Thank you for testing the APK!

I grouped the functions that I frequently used together in the same submenus. This is a good argument for customizability!

I would like to get a functional version of the toolbar merged before adding customizability, however — I plan to spend the second half of GSoC on a different component of the mobile editor.

I've noticed that, too, but only on Android (edit: but only on my physical Android device — not on the emulator).

I haven't noticed this happening on iOS (yet), which is where the button is most needed (I'm hiding the built-in done button on iOS for extra space). I could remove it from the toolbar on Android, but I still find it more convenient than hiding the keyboard with the system button.

I'm currently showing/hiding the button based on Keyboard::keyboardDidShow and Keyboard::keyboardDidHide events. I could instead show/hide the button based on whether the WebView has focus, but this wouldn't handle the case where the search dialog has focus and would show the 'hide keyboard' button even if the user is using a hardware keyboard...

That should be fixed in version 6!
Edit: It works in version 6, but the list items need to have different indentation levels before pressing the toggle button. Changing this to always not auto-select the containing list could make sense, though!

Maybe my android version is too old or it is due to Samsung's android, but I have to admit I actually don't have this button natively on a Samsung galaxy note 10.1 2014 edition. So I am happy that you added it for both.

I can confirm changing a subitem works (v6). However, I didn't manage to get the numbered list to continue. Pressing enter twice doesn't work to get back to default level (I guess this wasn't implemented) and if I change the indentation with the according toolbar button, the unordered list button stays selected and trapped in this state. Additionally, if I change the indentation of any ordered list element it's number doesn't default to 1. (only if I switch it to unordered and back to ordered). I'll try again tonight and will test more of the functionality.

1 Like

Thank you for your feedback!

It works for me if I press enter three times (this is a result of CodeMirror's built-in markdown support).

I've implemented list re-numbering on indentation/de-indentation. That should fix the issue!

New pre-release

1 Like

I think the mobile Markdown toolbar should be designed like a PC. Tablet computers like iPad, coupled with wonderful magic keyboard , I think his typing experience is close to the PC end. We should not be limited to the mobile terminal It's just the past impression of the touch screen.

If you can add the“Add time” button. recently in record time, I think it is very important

1 Like

I think this is part of a wider discussion, I don't want to derail things in this topic too much.

Basically I see three types of mobile devices/uses of devices:

  • Phone - entirely touch driven
    • This is what we are primarily focusing on here with this toolbar because this is the area in most need
  • Tablet - Mostly touch driven with occasional keyboard support
    • The needs on tablet are similar to mobile but currently proper tablet support is limited - something that is also being worked on as part of GSoC - Joplin Mobile Tablet Layout
  • Mobile/tablet desktop, "pro" tablets - see Mobile app functionality improvements

So for this we are mostly concerned about phones and "normal" tablets where a keyboard isn't going to be used. This is mostly so that markdown syntax can be inserted into the editor without having to switch through a bunch of keyboard layouts or require the user to learn markdown syntax.

3 Likes

Whether you can add a button for Insert Time. :pray: :pray:

image
image

1 Like

Please note that some keyboard shortcuts (ctrl+b for bold, ctrl+] for indent, ctrl+i for italicize, ctrl+` for code) should work — please let me know if any expected shortcuts are missing!

1 Like

I have some new ideas about customizing the toolbar Here, I use HTML image to, for example.

1 Like

@personalizedrefriger

I agree! That would be very useful!

CodeMirror 6 (what the beta editor is using) has built-in snippet support (try typing for and pressing enter in the editor on their home page.

I would like to allow users to input custom snippets (probably a new submenu with 'edit snippets', 'accept snippet suggestion', 'next snippet field', and 'previous snippet field').