
內容簡介
總結: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, markers, inline typography controls, and formatting utilities 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, inline typography styling, and quick formatting controls to improve readability and emphasize key information.
Key Features
Interactive text formats – Add InfoTips, markers, typography controls, and clear formatting 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, adjust inline typography, or quickly remove formatting, 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 such as Marker, InfoTip, Typography, or Clear formatting.
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.
Apply inline typography styles to emphasize selected text.
Clear unwanted formatting from copied or edited content.
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.
3. Typography
Apply inline typography styles such as font family, font size, appearance, letter spacing, and letter case.
4. Clear formatting
Remove applied inline formatting from selected text with a single toolbar action.
Customization Options
Marker color & animation style
Tooltip position, size, and behavior
Typography presets and inline text styling
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
