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
