TipTap is an excellent editor. The early betas of v5 showed me that.

Two things I am hoping can be added are message boxes which are suitable for using as calls to action and drop cap. Two very useful things for editorial writing.

I know there are these boxes.

Why does it need a title?

This area would be useful, but the ability to use icons can be eye-catching when it comes to the message. If the line was able to be removed, the text centred in the block, and the ability to choose an icon such as from Font Awesome, it would be ideal.

As it stands, I would only personally use this if I wanted to explain something within an article.

Additionally, if two boxes are placed together, it doesn't have any space between. Adding a space, well I think it's too much.

Being able to choose the colour is awesome.

However, it doesn't look like the intention is to use this as a call to action option, but it could be with some further changes.

What's missing?

Option to remove the title header.
No ability to include icons or emojis to style a call to action better.
Back to back boxes don't create a small natural gap.
Custom colour picker.

Drop cap adds a bit of flair to articles.

Honestly, I don't know if Invision has customised any of the TipTap functions, but thinking of editorial functions like this would be a huge blessing. As would supporting the old legacy message boxes.

Hi @ClawOfWinterfell,

When you select the Wrap in Box option on a post, you will see the editor ask for a heading but it is not compulsory. If you simply write in the content space and post your topic, there will be no heading.

This is obviously the heading (I can add FontAwesome icons, )

And the content space with another FontAwesome icon added, .

And this is just writing in the content space (bonus FontAwesome icon, ).

You can also add a line between the boxes by hovering over the box in the editor and clicking the 'Insert line after' arrow. Doesn't look completely ideal but it gives some sort of spacing to differentiate between boxes.

Edited Monday at 09:15 AM5 days by Gary

How did you include the Font Awesome icon? I used emojis, and I'm not quite keen on the vibe they give.

I applied a CSS tweak to give a bit of space if two are used back to back, which is working nicely. Thank you, @Gary.

No problem at all, @ClawOfWinterfell. As I always say, I'm happy to help where I can.

When in the editor, click the Emojis & Icons button then click Icons. All of those listed there are FontAwesome icons.

That would be the way to do it of course. v5 is proving to be the best software on the market day in day out. 😉