Create your own WordPress TinyMCE view and shortcode popup editor

Here is the code:

https://github.com/dtbaker/wordpress-mce-view-and-shortcode-editor

This code converts a plain WordPress shortcode (like below:)

.into a nice custom MCE view that matches the frontend (like below)

.and lets you click on it ( same as wordpress galleries ):

and click the edit button to change shortcode params:

it also adds a button so you can easily create the shortcode without typing the code