This is a utility plugin that will allow other plugins and themes to swap out shortcodes with custom images, in the same way that WordPress’ native gallery shortcode does this. Replacement images can be clicked to reveal a ‘delete’ button.
This works extremely well when your shortcode already has a tinymce button, but does work for manual shortcodes too.
This plugin does not support multi-line shortcodes or non-self-closing shortcodes (e.g. it supports <code>[foo bar="baz"]</code> but not <code>[foo]bar baz[/foo]</code>). Honestly, I don’t even know what would happen if you tried to use one. It may work, but it’s entirely unsupported.
To add your shortcode, hook onto the filter <code>'jpb_visual_shortcodes'</code>. That filter will pass one array as an argument. Each element of that array is an associative array which must contain values for the following keys:
<ul>
<li><code>shortcode</code> The name of the shortcode to replace</li>
<li><code>image</code> The url of the image to replace the shortcode with.</li>
</ul>
Additionally, the array may contain the optional parameter <code>command</code>, which must be a valid tinymce command. If present, this value will trigger a second UI button (‘Edit’) when the user clicks the replacement image which, when clicked, will execute the tinymce command passed as the value.

Visual Shortcodes

This is a utility plugin that will allow other plugins and themes to swap out shortcodes with custom images, in the same way that WordPress' nati …

Agnel Waghela

This plugin will add buttons to TinyMCE Visual Editor which when clicked will append shortcode where the cursor is placed in the Editor. 
You can customize the settings from Shortcode Collection Dashboard ->Settings. 
It reduces your burden of remembering all the shortcodes. 
Also if You have More shortcode already active in the blog, then Shortcode collection Plugin comes with a dashboard widget and a 
Post Editor Meta box which gives you a list of all the active shortcodes form your blog. 
Also there comes settings to disable them if they are no more helpful to you.
Features
<ul>
<li>Buttons to add shortcodes.</li>
<li>No need of remembering the shortocdes.</li>
<li>Customize which shortcode you like to use.</li>
<li>A Dashboard Widget Listings all the active Shortcodes.</li>
<li>A Meta Box in the post-page Editor which does the same as Dashboard widget.</li>
</ul>
Just checkout the screenshot then you might understand what this plugin all about. 
If this plugin works then just click on the works button, this will help mw to know whether it works or not.
<h3>Arbitrary section</h3>
Features
<ol>
<li>Simple settings interface.</li>
<li>Easy to use and useful shortcodes.</li>
<li>Buttons to add shortcodes to your post while editing, so need to remember them because they are all in front of you!</li>
<li>A Dashboard Widget Listings all the active Shortcodes.</li>
<li>A Meta Box in the post-page Editor which does the same as Dashboard widget.</li>
</ol>

Shortcode Collection

Adds buttons to tinyMCE Visual Editor so that no need to remember shortcodes.

Visual Shortcodes vs Shortcode Collection