Mobile: Markdown Toolbar

I look forward to the day when he finished, thanks. :smiley:

Not saying this is a bad idea in itself but I think it is important to keep in mind that Joplin is primarily a note taking app and not a general purpose text editor - coding related features like this may well be useful (even in a non-coding situation) but I think it is too easy to bloat the options and features if we aren't careful - it shouldn't be super customisable with all the options under the sun - just the ones required for a good note taking experience. If fancy IDE like features are required then that is why the external editor option is there.

Now obviously that isn't currently possible for the mobile version - it currently has no plugin support and current lack of external editing (or even if it is wanted or possible) but that also brings me to my other point which is that, where possible, the features of the editing experience should be similar between the two versions. The markdown toolbar is being implemented to "catch up" to the experience that the desktop version already provides but the snippet support would take it beyond the desktop version before we have decided if such a feature is actually wanted on that platform.

3 Likes

I can't make it work. How do you use it? I've installed the beta program. If I press an icon, it inserts the appropriate code and highlights it. If I type something it is erased and the code is gone. If I use a space bar, the code is gone. However, sometimes stuff appears as if code was there that can't be seen. I thought it might just be the keyboard I use, but I tried fleksy, android2keepass, anysoftware, and thumb keyboard and none of them worked.

Is there a trick obvious to everyone but me?

1 Like

Are you using version 8? Release Pre-release: Markdown toolbar demo (v8) ยท personalizedrefrigerator/joplin ยท GitHub

The earlier versions (still linked above) have bugs!

(If you're still having trouble, please let me know!)

Wow. Now it works! And it looks really nice. Even a search and check boxes actually work! The only thing I've used a lot and is a bit of a hassle is block quotes. Doing the > on my keyboard requires 3 clicks as it is on the alternate to the alternate keyboard. Only really a hassle when I'm trying to do 3-4 short paragraphs and need to do 3-4 of them.

The only slight imperfection I found, is when I use bold italic.

For bold I get four * then for Italic I seem to move over one so I still have 4 asterisks. Which isn't bad but may not be what you want.

1 Like

Today, in the process of using Joplin, I thought about whether this function should be added to the PC side, which is very useful. I didn't find the relevant plug-ins. Please tell me if there are any.

When will the merger be expected?

Hopefully soon! I've been breaking it up into multiple pull requests. A large amount of the code used by the toolbar is included in this pull request.

There is currently some disagreement about how the toolbar should look (see this comment on the merge request).

I like the current implementation (perhaps mostly because I implemented it :slight_smile: ) because I can keep individual submenus open while editing. For example, I use the โˆ‘ (math) button frequently and, as such, would like to be able to quickly access it while editing.

The toolbar, as implemented, seems to allow this quick access, but is quite different from the toolbars in similar applications. As a result, this implementation has a learning curve and, thus, may be difficult to learn how to use. (Or, again, this opinion could be because I'm biased :slight_smile: ).

See the merge request for suggestions/a brief discussion about the design of the toolbar. Feel free to discuss the design here!

2 Likes

I submitted some comments.

How do I pin and insert HTML tags?

My Android tablet and iPhone both have text shortcuts in settings:


With this enabled, I can type 'htou' (short for HTML opening U) to create <u> and 'htcu' to create </u>.

I prefer this because it works in all apps (not just Joplin).

For me (Samsung tablet), this setting is in Settings > General Management > Keyboard list and default > Samsung Keyboard > Text shortcuts.

(Custom HTML tags will be additional work. I would also like to implement re-organizing/customizing the presence of buttons. Both of these might take a while.)


There's a bug when toggling italicized regions within bolded regions!

The bold/emphasis issue is because the same characters can be used for bold/emphasis. Suppose I create a new (empty) bolded region:

****

if the cursor is in the middle, we have that the two characters immediately surrounding the cursor are * and *, which mark an italicized region. As such, the editor attempts to exit the italicized region: ***|*.

A solution here could be to have a special case for toggling italics when within ****.

For now: please click first italicize then bold to create regions of bold-italic text.


Additionally, please note that the merged version of the markdown toolbar is quite different from what's in the most recent beta I've released (I haven't released a new beta).

2 Likes

I don't think everyone has a Samsung phone, and I don't have that feature on my phone.

1 Like

I use the Fleksy keyboard which:

  1. Has bigger keys!!!
  2. Has quick keys
  3. Keeps corrections local instead of sending what you type into the cloud. Corrections are quick.
  4. Has other nice features.
1 Like

I've been using it for a while and I don't think it's good enough.

  1. Take a picture insert image can not call the system camera, the existing camera function is too poor, he can not even zoom.

  2. The toolbar has room for improvement.

Today I was using Github for Android to feedback questions, and I was surprised to see how much better his toolbar design was than Joplin's.


3. Is the attached file function not considered to be added to the toolbar?

1 Like

The attach button is present. Make sure you're using the latest beta!


(The beta releases in this thread are outdated. Please either use Release SVG Editor Beta 1.01 ยท personalizedrefrigerator/joplin ยท GitHub or the official beta)

1 Like