[WordPress] 外掛分享: Rich Text Formats – Animated Highlight, Marker, Tooltip

WordPress 外掛 Rich Text Formats – Animated Highlight, Marker, Tooltip 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Rich Text Formats – Animated Highlight, Marker, Tooltip」是 2025-09-04 上架。
  • 目前有 30 個安裝啟用數。
  • 上一次更新是 2025-12-02,距離現在已有 86 天。
  • 外掛最低要求 WordPress 6.6 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

lubus | nagpai | ajitbohra | punitv342 |

外掛標籤

tooltip | gutenberg | Highlight | text effects | rich text format |

內容簡介

總結:BlaBlaBlocks Formats是一款為WordPress區塊編輯器提供互動元素的豐富文本格式集合。該外掛具有易用性、更多控制性並且與編輯器完全兼容。

問與答:
1. BlaBlaBlocks Formats有何獨特之處?
- 使用簡單:輕鬆添加互動提示和動態突出顯示,就像添加任何簡單的文本格式一樣。
- 更多控制:每種格式都可以進行行為、顏色和動畫等各種自定義。
- 編輯器相容性:完全集成了區塊編輯器的使用者介面和伺服器端渲染管道。

2. BlaBlaBlocks Formats是否為開源且免費使用?
- 是的,BlaBlaBlocks Formats是開源的。不僅可以免費使用,還歡迎您合作並為其開發做出貢獻。

資源:
- 來源碼:https://github.com/lubusIN/blablablocks-formats
- 回報問題:https://github.com/lubusIN/blablablocks-formats/issues
- 文件:https://github.com/lubusIN/blablablocks-formats/wiki

原文外掛簡介

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

Select any text in the Gutenberg editor.
Choose a format: Highlight, or InfoTip.
Adjust style and behavior using the sidebar options.
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

Report Issues:
https://github.com/lubusIN/blablablocks-formats/issues

Documentation:
https://github.com/lubusIN/blablablocks-formats/wiki

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Rich Text Formats – Animated Highlight, Marker, Tooltip」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.1.0 | 1.1.1 | 1.1.2 | trunk |

延伸相關外掛(你可能也想知道)

  • tantive text effects 》<p><strong>外掛總結:</strong>提供可自訂文本區塊樣式的 WordPress 外掛,具有各種特效,可輕鬆插入、靈活切換段落和標題。</p>, ...。
  • Awesomesauce Blocks 》```html, <!DOCTYPE html>, <html>, <body>, , <h2>Awesomesauce Blocks 外掛介紹</h2>, , <p>Awesomesauce Blocks 帶...。

文章
Filter
Apply Filters
Mastodon