Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

change shortcode appearance in wordpress tinymce editor

Is it possible to change shortcode appearance in Wordpress TinyMCE editor? One of my clients has no HTML knowledge and it's really hard to explain him what not to edit on subpages.

By default, shortcodes look like this:

Default view

And I want to achieve this:

Desired view

Does TinyMCE support any kind of custom filtering?

like image 598
forkie Avatar asked Aug 24 '12 03:08

forkie


1 Answers

Sounds like you should use SyntaxHighlighter plugin with TinyMCE - Adding SyntaxHighlighter to TinyMCE

After you integrate, create new brush that will color [shortcode].

like image 116
jOpacic Avatar answered Sep 30 '22 07:09

jOpacic