George Mamadashvili

<p>Spice up your text by giving it a color highlight.</p>
<p>Report issues, or collaborate, on <a href="https://github.com/Mamaduka/highlight/issues" rel="nofollow ugc">Github</a>.</p>


Highlight Text

Text highligher for the WordPress Block Editor (Gutenberg).

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, animated highlights/markers 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 that improve readability, emphasize key information, and bring motion to your writing.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Interactive text formats</strong> – Add <strong>InfoTips</strong>, <strong>markers</strong>, and <strong>highlights</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, or animate your words 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: Highlight, or InfoTip.</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>Create <strong>animated text markers</strong> for blog emphasis.  </li>
<li>Design <strong>interactive learning content</strong> in WordPress.</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>
<h3>Customization Options</h3>
<ul>
<li>Marker color & animation style  </li>
<li>Tooltip position, size, and behavior  </li>
<li>Animation speed & easing type  </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 – Animated Highlight, Marker, Tooltip


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

Add tooltips, highlights & interactivity to text in the Gutenberg editor. Enhance readability with rich text formats.

Highlight Text vs Rich Text Formats – Animated Highlight, Marker, Tooltip