change shortcode appearance in wordpress tinymce editor

Question

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:

And I want to achieve this:

Does TinyMCE support any kind of custom filtering?

Answer 1

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

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