Younes

<p><strong>Magic Text Block</strong> enhances your WordPress Gutenberg editor with powerful text formatting options that go beyond the standard capabilities. This plugin brings creative typography and styling directly to your content creation workflow.</p>
<h4>Key Features:</h4>
<ul>
<li><strong>Gradient Stroke Text</strong>: Apply beautiful gradient borders to your text that catch the eye and make headlines pop.</li>
<li><strong>Gradient Text Color</strong>: Transform ordinary text with vibrant gradient color fills that flow smoothly from one color to another.</li>
<li><strong>Post Theme Selector</strong>: Apply custom themes (Dark, Light, Milkshake, Popsicle) to individual posts or pages, creating unique visual experiences for different content.</li>
<li><strong>Text Background Image</strong>: Select images from your media library to apply as backgrounds behind specific portions of text, creating striking visual effects.</li>
<li><strong>Underline Effects</strong>: Apply decorative curved underline effects with customizable colors to highlight important text.</li>
<li><strong>Tooltip Text</strong>: Add customizable tooltip bubbles to text with your own message, background color, and text color—great for inline explanations or quick hints.</li>
<li><strong>Unstyle Text</strong>: Remove all formatting from selected text instantly.</li>
<li><strong>Realistic Text Marker</strong>: Highlight text with authentic marker effects using 8 handcrafted styles (uneven, thick, messy, double, faded, wavy, textured) that simulate real highlighter strokes.</li>
</ul>
<p>Perfect for bloggers, designers, and content creators looking to make their content stand out without requiring any coding knowledge. Simply select your text and apply the formatting options from the text toolbar.<br />
Compatible with all WordPress themes and works seamlessly with the Gutenberg block editor.</p>
<p>This plugin’s code is <a href="https://github.com/younes-dro/magic-text-block" rel="nofollow ugc">available on GitHub</a>. Please feel free to fork the repository and send a pull request. If you find a bug in the plugin, open an issue.</p>
<h3>Video Tutorial</h3>
<p>Watch our step-by-step guide on how to apply Magic Text Block formatting in WordPress! Learn how to enhance your text with gradient effects, background images, and stylish underlines.</p>
<p>📺 <strong>Watch the tutorial here</strong>:<br />
<a href="https://www.youtube.com/watch?v=dPYiz_a6-6A" rel="nofollow ugc">Demo</a></p>


Magic Text Block — Styles & Effects: Gradients and Tooltips

Enhance your Gutenberg editor with advanced text formatting options.

lubus

Ajit Bohra

Punit Verma

Nagesh Pai

<p>BlaBlaBlocks Formats lets you enhance your Gutenberg editor with <strong>interactive rich text formats</strong> like tooltips, markers, inline typography controls, and formatting utilities directly inside WordPress.<br />
No coding needed. Just select your text, choose a format, and instantly make your content more engaging.</p>
<p>With BlaBlaBlocks Formats, you can add animated markers, interactive tooltips, inline typography styling, and quick formatting controls to improve readability and emphasize key information.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Interactive text formats</strong> – Add <strong>InfoTips</strong>, <strong>markers</strong>, <strong>typography controls</strong>, and <strong>clear formatting</strong> directly from the block toolbar.</li>
<li><strong>Live customization</strong> – Change color, animation, and behavior in real time.</li>
<li><strong>Lightweight & optimized</strong> – Assets load only when formats are used.</li>
<li><strong>Native Gutenberg integration</strong> – Seamlessly fits the WordPress Block Editor.</li>
</ul>
<h3>Why Choose BlaBlaBlocks Formats?</h3>
<p>Because plain text doesn’t always tell the full story!<br />
Highlight key phrases, provide helpful InfoTips, adjust inline typography, or quickly remove formatting, all within the familiar block editor UI.</p>
<ul>
<li>No shortcodes or custom HTML needed.  </li>
<li>100% visual control inside the editor.  </li>
<li>Works with all themes and blocks.</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Select any text in the Gutenberg editor.</li>
<li>Choose a format such as Marker, InfoTip, Typography, or Clear formatting.</li>
<li>Adjust style and behavior using the sidebar options.</li>
<li>See the preview instantly.</li>
</ol>
<p>Formats are rendered on both editor and frontend views with minimal code overhead.</p>
<h3>Use Cases</h3>
<ul>
<li>Add <strong>InfoTips</strong> to glossary terms or product details.  </li>
<li>Highlight <strong>important phrases</strong> in tutorials or documentation.  </li>
<li>Apply <strong>inline typography styles</strong> to emphasize selected text.  </li>
<li>Clear unwanted formatting from copied or edited content.</li>
</ul>
<h3>Available Formats</h3>
<h4>1. Marker</h4>
<p>Underline or highlight text segments with customizable color and animation.</p>
<h4>2. InfoTip</h4>
<p>Attach informative tooltips to any text selection perfect for definitions, links, or extra context.</p>
<h4>3. Typography</h4>
<p>Apply inline typography styles such as font family, font size, appearance, letter spacing, and letter case.</p>
<h4>4. Clear formatting</h4>
<p>Remove applied inline formatting from selected text with a single toolbar action.</p>
<h3>Customization Options</h3>
<ul>
<li>Marker color & animation style  </li>
<li>Tooltip position, size, and behavior  </li>
<li>Typography presets and inline text styling  </li>
<li>Backend-only or frontend-visible options  </li>
<li>Per-format settings saved automatically</li>
</ul>
<h3>Performance & Optimization</h3>
<ul>
<li>BlaBlaBlocks Formats loads assets only when necessary, reducing frontend bloat.  </li>
<li>No React, Redux, or large JS libraries </li>
<li>Powered by the web component, not loaded on the public site unless formats are active.</li>
</ul>
<h3>Open Source and Free</h3>
<p>The BlaBlaBlocks Formats is open source. Not only is it free to use, but you are also welcome to collaborate and contribute to its development.</p>
<ul>
<li>
<p><strong>Source Code:</strong><br />
<a href="https://github.com/lubusIN/blablablocks-formats" rel="nofollow ugc">https://github.com/lubusIN/blablablocks-formats</a></p>
</li>
<li>
<p><strong>Report Issues:</strong><br />
<a href="https://github.com/lubusIN/blablablocks-formats/issues" rel="nofollow ugc">https://github.com/lubusIN/blablablocks-formats/issues</a></p>
</li>
<li>
<p><strong>Documentation:</strong><br />
<a href="https://github.com/lubusIN/blablablocks-formats/wiki" rel="nofollow ugc">https://github.com/lubusIN/blablablocks-formats/wiki</a></p>
</li>
</ul>


Rich Text Formats


BlaBlaBlocks Formats is like a party for your text! This nifty plugin lets you jazz up your WordPress content with interactive tooltips and eye-catching animated highlights—no coding skills required. Just highlight, click, and boom—instant personality for your words.



What's really cool is how effortlessly it adds that extra zing to your content. Want to make readers hover for a surprise? Add a tooltip. Need to draw attention to something important? Throw in an animated highlight. It's as easy as making text bold, but way more fun.


Add Some Pizzazz to Your WordPress Content

Rich text enhancements for the WordPress block editor.

Magic Text Block — Styles & Effects: Gradients and Tooltips vs Rich Text Formats