There may be an error in here, enabling this (with the original disabled) created issues for accounts without admin access. Unsure of what conflicted exactly, but some topics were hidden and the Categories/Tags navigation was unusable at all for non-permissive accounts (TL1).
Here’s an update that modernizes the component and brings rich text editor support!
It might need some polish or may have unforeseen edge cases, but I believe it’s a fair good start.
In short
Adds Rich text editor support (see below for a detailed overview)
Let’s talk about the rich text editor and what to expect!
Creating callouts:
You have four ways to insert callouts:
Keyboard shortcut
Toolbar
Input rules
/callout<:type>
!!<type>
Paste support
Video
Editing callouts
The controls to edit a callout appear only when you select it before.
Type chooser
By clicking on the icon, a floating menu will appear.
Custom Title
Supports inline formatting and emoji
Folding
Set callouts as collapsible. It can be accessed from the options menu.
Video
Organizing callouts
Move controls
Desktop
There is a handle that you grab to drag and drop the callout.
Touch device
You move callouts up/down or nest them into adjacent callouts. It’s disabled by default to avoid bloat in the view, since that’s not something you will do often. You can toggle in the options.
Video
Keyboard navigation
This helps make it easier to move in and out of nested callouts.
It might require some future adjustments to make the behavior consistent in this version.
← At the start of the title, the callout chooser will open automatically.
↑ ↓ Inside a callout body with no paragraph to land on, it will create one; if you exit with empty content, the paragraph is removed.
Enter inside the title moves the cursor into the body (and creates one if necessary).
Video
Click-to-insert
In areas where there is no paragraph, you can click inside to open a paragraph.
If you prefer, you can also use buttons to open a paragraph inside or outside a callout.
Video
Possibly, later, I will look for:
input rules autocompletion
improve color using modern CSS, to ensure consistency and visibility, especially in dark mode.
I wish to remove all the settings and focus on simplicity first, with advanced customisation with CSS only, but it’s too late for that
Special thanks to Moin for giving me feedback.
That’s it. Let me know what you think. Feedback is very welcome!
I noticed that you designed such an effect: if a certain type has multiple aliases, then when selecting the type in the rich text editor, each alias appears as an option, and they are positioned consecutively.
This is a nice design, but it seems to need further expansion: if no Title is defined, they will display the callout type, so these consecutive options that share the same final color scheme will show different names and titles; however, if a Title is defined, they will display and use the same Title in the list as when actually creating a Quote, which is somewhat confusing.
If this extension is difficult to implement, I think perhaps a checkbox could be provided to prevent adding extra entries in the type selection list that correspond one-to-one with aliases when a Title is defined.
You’re right! Thanks for the feedback, it’s nice to see people using the TC.
Actually, I thought about it at some point, but completely forgot to fix it.
I will work on a fix to properly filter the list when title is set.
I just tested the latest version, and now the ones with a Title will only show one in the category selection list, regardless of how many aliases there are.