jhoylman

<p>Easily insert HTML tags as shortcodes right into the visual editor.<br />
Current version supports A, BR, BUTTON, DIV, HR, IMG, P, and SPAN.</p>
<p><strong>To use the plugin insert a shortcode into your post or page like this:</strong><br />
[div class=”classname” id=”idname” style=”stylename” foo=”bar”]Content[div_end]</p>
<p><strong>This will output the following HTML:</strong><br />
<div class=”classname” id=”idname” style=”stylename” foo=”bar”>Content</div></p>
<h3>Available Short Codes:</h3>
<ul>
<li>[a]</li>
<li>[a_end]</li>
<li>[br]</li>
<li>[button]</li>
<li>[button_end]</li>
<li>[div]</li>
<li>[div_end]</li>
<li>[hr]</li>
<li>[img]</li>
<li>[p]</li>
<li>[p_end]</li>
<li>[span]</li>
<li>[span_end]</li>
<li>[iframe]</li>
<li>[iframe_end]</li>
</ul>


HTML Shortcodes

Easily insert specified HTML tags as shortcodes right into the visual editor. Current version supports A, BR, BUTTON, DIV, HR, IMG, P, amnd SPAN.

PiotrPress

Clearcode

<p>This plugin adds the <code>[img]</code> shortcode which replaces the <code><img></code> html tag. It’s also enables adding new media to post/page via the ‘Add media’ button by automatically inserting the formatted shortcode code to the editor.<br />
You can simply add the <code>[img]</code> shortcode with a media ID to display:</p>
<pre><code>[img 123 /]
</code></pre>
<p>or a fully formatted <code>[img]</code> shortcode:</p>
<pre><code>[img 123 align="center" size="full" caption="Sample text" title="Sample text" desc="Sample text" alt="Sample text" url="http://example.com/" /]
</code></pre>
<p>It’s supports <code>srcset</code> and <code>sizes</code> parameters.</p>
<h4>Tips & Tricks</h4>
<p>You can use your own html template file for displaying the <code>img</code> tag by using filter:</p>
<pre><code>add_filter( 'Clearcode\IMG_Shortcode\template', function() { return '/themes/clearcode.cc/templates/img.php'; } );
</code></pre>


CC-IMG-Shortcode

This plugin adds the [img] shortcode which replaces the `` html tag.

HTML Shortcodes vs CC-IMG-Shortcode