In the legacy (classic editor) it was possible to add buttons to the editor toolbar via tinymce API, that will add shortcode at cursor.

seems like this is not supported anymore from the tinymce FQA and this Gutenberg migration guide

Seems like it would be possible with the plugin tinymce advanced but I wonder what is today the best practice to add add a button to a tiny mce button to the the simple text editor of paragraph block.

The format API allows to add a custom format with tag and class around text, but does not to support adding string after text

Also, seems like this in the roadmap of the format API, but its not clear id its possible or not.

What is the best practice to add a button to tinymce editor tollbar in a simple paragraph block which will add text (shortcode for example) at cursor?

I added screenshot to clarify to which toolbar I refer.

Paragraph tinymce editor toolbar

  • You can add shortcodes via gutenberg shortcode block so what are you actually talking about? By the way due to Gutenberg it is now useless to add shortcodes in new code and I think that shortcode block is also just added for backward compatibility so if you are doing some thing new then I will recommend you to go for block. – Mehmood Ahmad Mar 11 at 21:25
  • 1
    I need to add the shortcode inline in editor, not as block – BenB Mar 12 at 1:32
  • @MehmoodAhmad the shortcode block is not inline – BenB Mar 12 at 1:38
  • You can play with CSS and make that inline. – Mehmood Ahmad Mar 12 at 5:09
  • @MehmoodAhmadn to hacky. Looking to do this correctly via the gutenberg API – BenB Mar 12 at 23:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.