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.

Krasen Slavov

Developry

<p>Elevate your WordPress site with access to the complete range of Google Fonts for enhanced typography and design.</p>
<p><iframe loading="lazy" title="Web Fonts Loader for WordPress" width="750" height="563" src="https://www.youtube.com/embed/R7fBH1zcLUw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>The <a href="https://webfontsplugin.com/?utm_source=wfl&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc"><strong>Web Fonts Loader</strong></a> plugin lets you access and manage Google Fonts, apply global typography settings, and enhance your site’s performance and design.</p>
<p>It’s perfect for anyone looking to elevate their site’s typography with a wide selection of high-quality fonts.</p>
<h3>USAGE</h3>
<p>Once you have successfully installed and activated the <a href="https://webfontsplugin.com/?utm_source=wfl&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc"><strong>Web Fonts Loader</strong></a> plugin, your Classic Editor toolbar will be enhanced with two new dropdown menus containing all the available font options.</p>
<h3>Editor Toolbar Customization:</h3>
<ul>
<li><strong>Font Typeface Selection:</strong> The first dropdown in your editor toolbar lets you select the font family. Browse through a variety of Google Fonts to find the perfect match for your content.</li>
<li><strong>Font Weight and Style Selection:</strong> The second dropdown is for font weight and style. Choose from various font weights (from Thin to Black) and styles, including italic versions.</li>
</ul>
<h3>Applying Fonts Site-Wide:</h3>
<p>Go to <code>Web Fonts Loader</code> in your WordPress admin submenu.</p>
<p>This section lets you apply your chosen fonts universally across your site.</p>
<p>Select fonts for your site’s headings and body text to create a consistent and cohesive design.</p>
<h3>Tips for Optimal Use:</h3>
<ul>
<li><strong>Experiment with Combinations:</strong> Try different font families, weights, and styles to find what best suits your site’s design.</li>
<li><strong>Preview Changes:</strong> Always preview your changes to see how the fonts look in real-time.</li>
<li><strong>Maintain Consistency:</strong> Consistent font usage ensures a professional and cohesive web design.</li>
</ul>
<p>By following these tips, you can enhance the visual appeal and readability of your WordPress site with the <a href="https://webfontsplugin.com/?utm_source=wfl&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc"><strong>Web Fonts Loader</strong></a> plugin.</p>
<p>Enjoy transforming your website’s typography!</p>
<h3>FEATURES & LIMITATIONS</h3>
<ul>
<li><strong>Typography Presets Library (NEW in 1.6):</strong> Browse ready-to-use font combinations expertly designed for different styles. Quickly apply professional typography with one click and preview fonts before applying them to your site.</li>
<li><strong>Font Performance Monitoring (NEW in 1.6):</strong> Track your font loading performance with real-time metrics. Get optimization scores (0-100) and actionable recommendations to improve site speed. See estimated font sizes and weight counts at a glance.</li>
<li><strong>Dashboard Widget (NEW in 1.6):</strong> Monitor typography statistics directly from your WordPress dashboard. View active fonts, Google Fonts count, system fonts, and performance metrics in a compact 2-column layout for quick insights.</li>
<li><strong>Onboarding Experience (NEW in 1.6):</strong> New users receive a welcoming notice with quick links to configure settings and access documentation, making the initial setup smooth and intuitive.</li>
<li><strong>Extensive Font Selection:</strong> Access a wide array of font variations and styles, including weights from 100 to 900, italics, and more. This feature allows you to precisely tailor the typography to match your website’s unique style.</li>
<li><strong>Customizable for Every Element:</strong> Style headings, blockquotes, and other elements with your chosen fonts. The flexibility to apply fonts to specific page or post elements via the editor (currently compatible with the Classic Editor) enhances your control over site design.</li>
<li><strong>User-Friendly Interface:</strong> Customize the font typeface, weight, and style of your page or post content with just a few clicks. The plugin’s interface is designed for ease of use, catering to both beginners and experienced users.</li>
<li><strong>Dynamic Font Loading:</strong> Utilize the <a href="https://webfontsplugin.com/?utm_source=wfl&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc"><strong>Web Fonts Loader</strong></a> by Typekit to load fonts dynamically on a post/page basis. This means you can use different fonts on different pages, and only the fonts applied will load on the front-end, ensuring efficient performance.</li>
<li><strong>Performance-Oriented:</strong> The lightweight design ensures that loading fonts on the front end does not affect your page’s loading speed. Now with built-in performance monitoring to track and optimize font usage.</li>
<li><strong>Expansive Font Families and Variations:</strong> Choose from popular font families like Roboto, Open Sans, Lato, and more, along with their variations such as Roboto Condensed, Open Sans Condensed, and Montserrat Alternates.</li>
<li><strong>Rich Font Weights and Styles:</strong> Select from a comprehensive range of font weights (Thin to Black) and styles (including various italic options), offering unparalleled customization options.</li>
<li><strong>Responsive and Cross-Browser Compatibility:</strong> Ensures a consistent and responsive typography experience across different devices and browsers. All new features are fully responsive and mobile-optimized.</li>
<li><strong>Regular Updates and Support:</strong> Stay up-to-date with the latest font trends and receive dedicated support for any queries or assistance.</li>
</ul>
<p><strong>Ideal for:</strong> This plugin is ideal for anyone looking to elevate their website’s typography, whether for improved readability, enhanced brand identity, or to create a more visually appealing design. The <em>Web Fonts Loader</em> plugin provides the tools needed for a complete typographic makeover, now with performance insights and ready-to-use presets.</p>
<h3>DETAILED DOCUMENTATION</h3>
<p>Find step-by-step setup guides, usage instructions, demos, videos, and insights on the <a href="https://webfontsplugin.com/help" rel="nofollow ugc"><strong>Web Fonts Loader Pro</strong></a> page.</p>
<h3>WEB FONTS LOADER PRO</h3>
<p>If you’re using the free version from WordPress.org and want Pro features, you can purchase the premium version on the <a href="https://webfontsplugin.com/?utm_source=wfl&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc"><strong>Web Fonts Loader Pro</strong></a> website.</p>
<p>Here are some features included in the Pro version:</p>
<ul>
<li>Google Developer API integration.</li>
<li>Manage Global Fonts and add custom rules.</li>
<li>Font Manager feature to delete, download, and @import any fonts.</li>
<li>Block editor support alongside Classic Editor integration.</li>
<li>Load custom fonts locally to comply with EU/GDPR guidelines and boost website performance.</li>
<li>User-defined Google Fonts, system fonts, and Gutenberg blocks.</li>
<li>Include Google italic fonts and select supported subsets.</li>
<li>Font usage summary, report generation, and reset options.</li>
<li>Priority support and regular updates for one year included in <a href="https://webfontsplugin.com/?utm_source=wfl&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc"><strong>Web Fonts Loader Pro</strong></a>.</li>
</ul>


Web Fonts Loader – Google Fonts Manager

Currently, the page & post functionality is only available for the Classic Editor (soon we will support blocks as well); you can still apply global fonts via the options page.

Works great!

Elevate your WordPress site with access to the complete range of Google Fonts for enhanced typography and design.

TheDock Enhanced Rich Text Editor vs Web Fonts Loader – Google Fonts Manager