Title: Rich Text Formats – Animated Highlight, Marker, Tooltip
Author: lubus
Published: <strong>5 de setembre de 2025</strong>
Last modified: 2 de desembre de 2025

---

Cerca extensions

![](https://ps.w.org/blablablocks-formats/assets/banner-772x250.png?rev=3356529)

![](https://ps.w.org/blablablocks-formats/assets/icon-256x256.png?rev=3356529)

# Rich Text Formats – Animated Highlight, Marker, Tooltip

 Per [lubus](https://profiles.wordpress.org/lubus/)

[Baixa](https://downloads.wordpress.org/plugin/blablablocks-formats.1.1.2.zip)

[Previsualitza](https://ca.wordpress.org/plugins/blablablocks-formats/?preview=1)

 * [Detalls](https://ca.wordpress.org/plugins/blablablocks-formats/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/blablablocks-formats/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/blablablocks-formats/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/blablablocks-formats/#developers)

 [Suport](https://wordpress.org/support/plugin/blablablocks-formats/)

## Descripció

BlaBlaBlocks Formats lets you enhance your Gutenberg editor with **interactive rich
text formats** like tooltips, animated highlights/markers directly inside WordPress.

No coding needed. Just select your text, choose a format, and instantly make your
content more engaging.

With BlaBlaBlocks Formats, you can add animated markers, interactive tooltips that
improve readability, emphasize key information, and bring motion to your writing.

### Key Features

 * **Interactive text formats** – Add **InfoTips**, **markers**, and **highlights**
   directly from the block toolbar.
 * **Live customization** – Change color, animation, and behavior in real time.
 * **Lightweight & optimized** – Assets load only when formats are used.
 * **Native Gutenberg integration** – Seamlessly fits the WordPress Block Editor.

### Why Choose BlaBlaBlocks Formats?

Because plain text doesn’t always tell the full story!
 Highlight key phrases, provide
helpful InfoTips, or animate your words all within the familiar block editor UI.

 * No shortcodes or custom HTML needed.
 * 100% visual control inside the editor.
 * Works with all themes and blocks.

### How It Works

 1. Select any text in the Gutenberg editor.
 2. Choose a format: Highlight, or InfoTip.
 3. Adjust style and behavior using the sidebar options.
 4. See the preview instantly.

Formats are rendered on both editor and frontend views with minimal code overhead.

### Use Cases

 * Add **InfoTips** to glossary terms or product details.
 * Highlight **important phrases** in tutorials or documentation.
 * Create **animated text markers** for blog emphasis.
 * Design **interactive learning content** in WordPress.

### Available Formats

#### 1. Marker

Underline or highlight text segments with customizable color and animation.

#### 2. InfoTip

Attach informative tooltips to any text selection perfect for definitions, links,
or extra context.

### Customization Options

 * Marker color & animation style
 * Tooltip position, size, and behavior
 * Animation speed & easing type
 * Backend-only or frontend-visible options
 * Per-format settings saved automatically

### Performance & Optimization

 * BlaBlaBlocks Formats loads assets only when necessary, reducing frontend bloat.
 * No React, Redux, or large JS libraries
 * Powered by the web component, not loaded on the public site unless formats are
   active.

### Open Source and Free

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.

 * **Source Code:**
    [https://github.com/lubusIN/blablablocks-formats](https://github.com/lubusIN/blablablocks-formats)
 * **Report Issues:**
    [https://github.com/lubusIN/blablablocks-formats/issues](https://github.com/lubusIN/blablablocks-formats/issues)
 * **Documentation:**
    [https://github.com/lubusIN/blablablocks-formats/wiki](https://github.com/lubusIN/blablablocks-formats/wiki)

## Captures

 * [[
 * **Marker settings** – Select and adjust the Marker type and settings.
 * [[
 * **InfoTip settings** – Add InfoTip text and adjust settings.

## Instal·lació

You can install this plugin either automatically through the WordPress admin or 
manually via FTP.

#### Automatic

 1. Log in to your WordPress dashboard.
 2. Navigate to Plugins > Add New.
 3. In the search field, type “BlaBlaBlocks Formats, then hit Enter or click Search
    Plugins.
 4. Click Install Now, then Activate.

#### Manual

Manual installation method requires downloading the BlaBlaBlocks Formats plugin 
and uploading it to your web server via your favorite FTP application. The WordPress
codex contains [instructions on how to do this here](https://wordpress.org/support/article/managing-plugins/#manual-plugin-installation).

## PMF

### 1. How do I add an InfoTip to text?

Select your text in the block editor, open the format dropdown, and choose **InfoTip**.
Add your tooltip text and customize appearance instantly.

### 2. Will this work with third-party blocks?

Yes. BlaBlaBlocks Formats integrates with all core and third-party Gutenberg blocks
that support rich text.

### 3. Can I customize highlight colors?

Absolutely! You can set custom colors or choose from prebuilt palettes via the sidebar
controls.

### 4. Does it affect site performance?

Not at all. Scripts are only loaded when formats are applied, ensuring a minimal
footprint.

### 5. Does it work with Full Site Editing (FSE)?

Yes, the formats are fully compatible with block themes and the Site Editor.

### 6. Is it open source?

Yes! BlaBlaBlocks Formats is MIT-licensed and open for contributions.

## Ressenyes

![](https://secure.gravatar.com/avatar/7d43fafa19b9e6910c64033d02aa1a4051b870a500b3ff63df9b831a105adb1c?
s=60&d=retro&r=g)

### 󠀁[Add Some Pizzazz to Your WordPress Content](https://wordpress.org/support/topic/add-some-pizzazz-to-your-wordpress-content/)󠁿

 [Nick Hamze](https://profiles.wordpress.org/iconick/) 5 de octubre de 2025 1 resposta

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.

 [ Llegiu tota la 1 ressenya ](https://wordpress.org/support/plugin/blablablocks-formats/reviews/)

## Col·laboradors i desenvolupadors

«Rich Text Formats – Animated Highlight, Marker, Tooltip» és programari de codi 
obert. La següent gent ha col·laborat en aquesta extensió.

Col·laboradors

 *   [ lubus ](https://profiles.wordpress.org/lubus/)
 *   [ Ajit Bohra ](https://profiles.wordpress.org/ajitbohra/)
 *   [ Punit Verma ](https://profiles.wordpress.org/punitv342/)
 *   [ Nagesh Pai ](https://profiles.wordpress.org/nagpai/)

[Traduïu «Rich Text Formats – Animated Highlight, Marker, Tooltip» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/blablablocks-formats)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/blablablocks-formats/),
baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/blablablocks-formats/),
o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/blablablocks-formats/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/blablablocks-formats/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 1.1.2

 * Bump plugin version to 1.1.2
 * Update “Tested up to” to 6.9

#### 1.1.1

 * Fixed unnecessary backend scripts (React, Redux, etc.) from loading on the frontend
   when applying formats.

#### 1.1.0

 * Added a conditional check to load assets only when specific formats are used.

#### 1.0.0

Initial release 🎉

## Meta

 *  Versió **1.1.2**
 *  Darrera actualització **fa 4 mesos**
 *  Instal·lacions actives **30+**
 *  Versió del WordPress ** 6.6 o posterior **
 *  Provada fins a **6.9.4**
 *  Versió del PHP ** 7.4 o posterior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/blablablocks-formats/)
 * Etiquetes
 * [gutenberg](https://ca.wordpress.org/plugins/tags/gutenberg/)[Highlight](https://ca.wordpress.org/plugins/tags/highlight/)
   [text effects](https://ca.wordpress.org/plugins/tags/text-effects/)[tooltip](https://ca.wordpress.org/plugins/tags/tooltip/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/blablablocks-formats/advanced/)

## Valoracions

 5 sobre 5 estrelles.

 *  [  1 valoració de 5 estrelles     ](https://wordpress.org/support/plugin/blablablocks-formats/reviews/?filter=5)
 *  [  0 valoracions de 4 estrelles     ](https://wordpress.org/support/plugin/blablablocks-formats/reviews/?filter=4)
 *  [  0 valoracions de 3 estrelles     ](https://wordpress.org/support/plugin/blablablocks-formats/reviews/?filter=3)
 *  [  0 valoracions de 2 estrelles     ](https://wordpress.org/support/plugin/blablablocks-formats/reviews/?filter=2)
 *  [  0 valoracions de 1 estrelles     ](https://wordpress.org/support/plugin/blablablocks-formats/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/blablablocks-formats/reviews/#new-post)

[Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/blablablocks-formats/reviews/)

## Col·laboradors

 *   [ lubus ](https://profiles.wordpress.org/lubus/)
 *   [ Ajit Bohra ](https://profiles.wordpress.org/ajitbohra/)
 *   [ Punit Verma ](https://profiles.wordpress.org/punitv342/)
 *   [ Nagesh Pai ](https://profiles.wordpress.org/nagpai/)

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/blablablocks-formats/)