Overview

A collection of rich text formats for the WordPress block editor with interactive elements. Starting with InfoTip tooltips and Marker highlights. More to come in the future!

Requirements

• WordPress 6.6+
• Modern browser with JavaScript enabled
• Floating UI library (included)

Installation

Automatic

1. Go to Plugins → Add New in your WordPress dashboard.
2. Search for BlaBlaBlocks Formats.
3. Click Install Now and then Activate.

Manual

1. Download latest release from GitHub
2. Visit Plugins > Add New
3. Upload the blablablocks-formats.zip file
4. Activate BlaBlaBlocks Formats from the plugins page

Usage

Available Formats

• Marker: Add a hand-drawn style highlight to text.
• InfoTip: Add a tooltip to any inline text.

Note

Refer to the documentation for detailed guidance on using formats.

Development

1. Clone the repository

Clone the repository to your local system:

git clone git@github.com:lubusIN/blablablocks-formats.git

2. Go to the plugin folder

cd blablablocks-formats

3. Install dependencies

npm install

4. Build plugin

Build or start the development environment:

npm run build       # Compile the source files
# OR
npm run start       # Watch for changes and auto-compile

5. Launch Playground

npm run serve

Note

Refer to package.json for additional available npm commands.

Meet Your Artisans

LUBUS is a web design agency based in Mumbai.

Credits

• Infotip icon by Icon Island from Noun Project (CC BY 3.0)
• Marker icon by Muhammad Nur Auliady Pamungkas from Noun Project (CC BY 3.0)

License

BlaBlaBlocks Formats is an open-sourced plugin licensed under the MIT license