Content Blocks
Enodo Semantic uses a block editing system. Each element of your article — paragraph, title, image, list — is an independent block that you can add, move, transform, and delete.
Add a block
- Click on the + green button that appears between two blocks or below the last block.
- A grid will display with all available block types.
- Click on the desired type. The block will be inserted at that position.
For media blocks (image, video, audio, gallery), the media selector opens automatically after insertion.
Move a block
- Drag and Drop: Click and hold the "Drag" icon to the left of the block, then drag it to its new position. An animated line indicates the destination.
- Up/Down Arrows: Use the arrow buttons to the left of the block to move it up or down by one position.
Delete a block
- Position yourself in an empty block and press
Delete. The block will be deleted and the cursor moves to the previous block. - You can also use the trash icon in the controls to the right of the block (if available).
Transform a block
You can convert a block from one type to another without losing your content:
- Click on the type selector in the block's toolbar (the icon and name of the current type).
- Choose the new type from the dropdown menu.
- The content is automatically converted.
Example: converting a list to a paragraph merges the items separated by line breaks. Converting a paragraph to a title removes inline formatting.
All block types
Text blocks
| Block | Description |
|---|---|
| Paragraph | Rich text block with full formatting (bold, italic, underline, strikethrough, links, code, etc.). |
| Title (h2 to h6) | Section titles and subtitles. Plain text only, no inline formatting. |
| Quote | Quote block with optional source (author, title, URL). Supports inline formatting. |
List blocks
| Block | Description |
|---|---|
| Bullet List | Unordered list. Each item supports inline formatting. |
| Numbered List | Ordered list with automatic numbering. |
| Reverse List | Ordered list with descending numbering. |
Media blocks
| Block | Description |
|---|---|
| Image | Image with caption, description (alt text), and credits. |
| Video | Video player with caption, description, and credits. |
| Audio | Audio player with caption, description, and credits. |
| Gallery | Multi-image carousel with drag-and-drop reordering and per-item metadata. |
Code and markup blocks
| Block | Description |
|---|---|
| Code | Code block with syntax highlighting. Supports more than 20 languages: JavaScript, TypeScript, HTML, CSS, Python, PHP, Ruby, Java, C, C++, C#, Go, Rust, Swift, Kotlin, SQL, Bash, JSON, YAML, and more. |
| Markdown | Plain text block in Markdown format. |
| Embed (HTML) | Raw HTML code block for custom embeds. |
External integration blocks
| Block | Description |
|---|---|
| YouTube | Embed a YouTube video via oEmbed. |
| Vimeo | Embed a Vimeo video via oEmbed. |
| Dailymotion | Embed a Dailymotion video via oEmbed. |
| X (Twitter) | Embed a post from X via oEmbed. |
| TikTok | Embed a TikTok video via oEmbed. |
| Embed an Instagram post via oEmbed. | |
| Embed a Facebook post via oEmbed. | |
| Iframe | Custom embed with URL, width, height, and title. |
Special blocks
| Block | Description |
|---|---|
| FAQ | Question/answer pair. The question is in plain text, the answer supports formatting. Ideal for SEO and featured snippets. |
| Table | Complete table with header management, footers, cell merging, alignment, and per-cell formatting. |
| Related Articles | Links to other articles published in Butterfly CMS. |
| Page Break | Visual separator between sections of your article. |
Block ratings
Each block is evaluated in real-time by the SEO system. A colored indicator appears to the left of the block:
- Green: the block follows best practices.
- Orange: improvements are possible.
- Red: a critical issue needs to be fixed.
Click on the indicator or check the SEO panel to see the evaluation details.
Examples of block evaluations
- Paragraph: word count (50–900), presence of keywords, readability (Flesch-Kincaid), sentence length, passive voice, transition words.
- Title: length (25–120 characters), presence of the keyword.
- Image/Video/Audio: mandatory description (alt text).
- FAQ: question and answer must be provided.
- ...