swinggraphics

<p><em>Intended for use with the Classic Editor plugin.</em></p>
<p>Ever get annoyed or frustrated by the way TinyMCE+wpautop+do_shortcode wreak havoc on your shortcodes, wrapping <code><p></code>s around <code><div></code>s, leaving orphan <code></p></code>s, and all sorts of craziness? This plugin allows you to specify shortcodes to be processed before those other actions, generating the clean code you expected.</p>
<p>Priority Shortcodes works by adding an action to <code>the_content</code> and <code>widget_text</code> hooks with a higher priority than <code>wpautop</code> and <code>do_shortcode</code>. The result is that those other actions run your shortcode’s final output, rather than trying to guess if it should be wrapped in <code><p></code> tags, etc.</p>
<p>The <a href="https://codex.wordpress.org/Shortcode_API#Output" rel="nofollow ugc">Codex says</a>:</p>
<blockquote>
<p>wpautop recognizes shortcode syntax and will attempt not to wrap p or br tags around shortcodes that stand alone on a line by themselves. Shortcodes intended for use in this manner should ensure that the output is wrapped in an appropriate block tag such as <code><p></code> or <code><div></code>.</p>
</blockquote>
<p>But sometimes shortcodes stand on their own on a line, wanting desperately to be wrapped in a paragraph tag, and sometimes they don’t. Like a shortcode that generates a <code><span></code> tag with some classes. <em>(Yeah, you might want to use <a href="https://codex.wordpress.org/TinyMCE_Custom_Styles" rel="nofollow ugc">custom TinyMCE styles</a> instead for a simple span.)</em></p>
<h4>Usage</h4>
<p>Where you want to process a shortcode with priority, use “[!” at the start. For example: <code>[my-shortcode]</code> becomes <code>[!my-shortcode]</code> and <code>[my-shortcode]Some content.[/my-shortcode]</code> becomes <code>[!my-shortcode]Some content.[/my-shortcode]</code>.</p>
<h4>Gutenberg</h4>
<p>Users of the new WordPress editor, “Gutenberg”, will probably not use Priority Shortcodes within the new editor, but the plugin continues to work in the Classic Editor.</p>


Priority Shortcodes

Processes specific shortcodes before wpautop() and do_shortcode()

TheDock

<p>TheDock Enhanced Rich Text Editor brings the power of <strong>TinyMCE 7</strong> to WordPress, replacing the outdated Classic Editor with a modern, feature-rich editing experience.</p>
<p>While the WordPress core team focuses on the Block Editor, many developers prefer the classic workflow with custom post types and custom fields. This plugin bridges this gap by providing a contemporary editor without abandoning the structured data approach that developers love.</p>
<h4>Key Features</h4>
<ul>
<li><strong>TinyMCE 7</strong> – The latest version with improved performance and stability</li>
<li><strong>Modern Interface</strong> – Clean, intuitive toolbar design</li>
<li><strong>Table Editor</strong> – Full table support without additional plugins</li>
<li><strong>Text Styling</strong> – Inline text color and background color options</li>
<li><strong>List Styles</strong> – Multiple ordered and unordered list formats</li>
<li><strong>Image Handling</strong> – Inline images with percentage-based widths</li>
<li><strong>Paste Cleaning</strong> – Intelligent sanitization of pasted content</li>
</ul>
<h4>ACF Integration</h4>
<p>Works seamlessly with Advanced Custom Fields:</p>
<ul>
<li>Textarea fields automatically get inline formatting (bold, italic, links)</li>
<li>WYSIWYG fields receive the full TinyMCE 7 experience</li>
<li>Repeater and Flexible Content fields fully supported</li>
<li>Custom toolbar configurations per field</li>
</ul>
<h4>Built for Developers</h4>
<p>This plugin was created by the team at <a href="https://thedock.io/" rel="nofollow ugc">TheDock</a>, who build WordPress sites using structured content approaches. We needed a better classic editor, so we built one.</p>
<h4>TheDock Site Builder Integration</h4>
<p>For users of <a href="https://thedock.io/site-builder/" rel="nofollow ugc">TheDock Site Builder</a>, this plugin provides additional capabilities:</p>
<ul>
<li>Apply your custom Typography styles directly in the editor</li>
<li>Use colors from your Global Color Palette</li>
<li>Full web font support</li>
<li>Gradient text support</li>
</ul>
<h4>Privacy</h4>
<p>This plugin:</p>
<ul>
<li>Does not track users</li>
<li>Does not collect personal data</li>
<li>Does not send data to external servers</li>
<li>Does not use cookies</li>
</ul>
<h4>Technical Notes</h4>
<p>The link autocomplete feature uses WordPress’s built-in REST API to search for posts and media within your site. No external services are contacted.</p>
<h4>Source Code</h4>
<p>The full uncompressed source code for all JavaScript and CSS files is included in the <code>src/</code> directory of this plugin. The build configuration files (<code>Gruntfile.js</code>, <code>Brocfile.js</code>, <code>package.json</code>) are also included.</p>
<p>To build from source:</p>
<ol>
<li>Install <a href="https://nodejs.org/" rel="nofollow ugc">Node.js</a> (v16 or later)</li>
<li>Run <code>npm install</code> to install build dependencies</li>
<li>Run <code>grunt build</code> to compile and minify assets</li>
</ol>
<p>The compiled JavaScript is built from ES6 modules in <code>src/js/</code> using Rollup (via Broccoli). The compiled CSS is built from SCSS files in <code>src/css/</code> using Sass with PostCSS/Autoprefixer.</p>
<p>The full source code is also available on <a href="https://github.com/thedock/thedock-enhanced-rich-text-editor" rel="nofollow ugc">GitHub</a>.</p>


TheDock Enhanced Rich Text Editor

Upgrade WordPress to TinyMCE 7 with a modern editing experience, table support, and seamless ACF integration.

Priority Shortcodes vs TheDock Enhanced Rich Text Editor