Customizing WYSIWYG editor toolbar buttons for super header extension

I’ve seen that you can customize a rich text editor, but if I’m using the super-header-interface extension, can I change the buttons in the TinyMCE toolbar there?

For example, I want to add a code / <> button to do this without having to edit the HTML directly.

PS - The insert link dialog in this Directus Community editor is a bit aggressive on caps. It shouldn’t be capitalizing every word pasted in (in a link).

1 Answer

1

Hi Jon - welcome to the community :waving_hand:

Right now, I believe the options for that are hard-coded or at least we’re just using the default configuration. You can find it here.

I didn’t realize the code button was missing from the default configuration but I definitely agree that it should be there.

Is the solution just adding the missing buttons? Or you specifically need to set the buttons individually on each instance of the super header interface?

And feedback noted on the link dialog.

Thanks for taking a look. For now, the code button seems like a nice default. It could be nice to be able to deep merge in some extra JSON, but I don't actually have a use case yet. For the Super Header in particular, I just wanted a way to make some documentation clearer and since it's more internal/admin-facing, it may not need specific instance settings. It'd be a bonus if you could do this, triple backtick blocks, or use Markdown shortcuts like ## To create an H2, but given that this is a shared component, that's probably more of an upstream feature request.