EasyDNNsolutions > Products > DNN Modules

From raw HTML to guided visual editing

A smarter alternative to the standard DNN HTML editor

The standard DNN HTML editor is useful for simple text updates. BlockBuilder is built for modern DNN pages with responsive sections, reusable blocks, Bootstrap components and client-safe content editing.

Structured sections

Editors work with page sections instead of one fragile HTML field.

Client-safe updates

Clients edit content in context while the layout structure stays protected.

HTML editor

BlockBuilder

Hero Cards Tabs CTA

Bootstrap structure stays intact Content remains editable Reusable sections speed up production

Why replace the standard HTML editor?

BlockBuilder helps preserve the HTML, Bootstrap classes, image structure and layout wrappers behind the scenes while giving editors a visual workflow.

Less fragile HTML editing

Editors update content without constantly touching the markup that keeps page sections working.

Faster page creation

Start from ready-made content blocks and layouts, then adjust content visually.

Safer client editing

Clients can edit headings, paragraphs, buttons, images, cards, lists, tabs and accordions.

Better recovery tools

Undo, Redo and Module History give editors confidence when making changes.

AI-assisted workflow

Use AI to rewrite content, improve copy, adjust CSS and speed up everyday editing tasks.

Structured reusable content

Build pages from clean repeatable sections instead of one large hard-to-maintain HTML field.

1

Add sections

Insert heroes, CTAs, cards, accordions, tabs, galleries, pricing, testimonials, FAQs and tables.

2

Arrange layouts

Move sections and repeated items without manually cutting and pasting HTML.

3

Edit in context

Update content while seeing how it fits into the actual page layout.

4

Reuse approved elements

Turn frequently used sections into reusable custom elements for future pages.

DNN pageEdit mode

Hero section Headline, intro and CTA buttons

Edit text

Replace image

Duplicate card

CTA section Reusable approved element

Undo Redo Save module

Ready-made Bootstrap blocks

BlockBuilder includes a growing library of ready-made Bootstrap content blocks organized into practical categories.

Hero Content Features Media Tabs Tables

Hero sections

Text, images, buttons, trust elements, product highlights, stats and overlay layouts.

Content sections

Text-and-image layouts, stories, processes, quote sections, side navigation and policy content.

Feature blocks

Benefits, services, comparison cards, checklists, icon grids, specs and proof sections.

CTAs

Simple bands, dark CTA sections, card-style CTAs and image split CTAs.

Galleries and media

Image galleries, caption cards, featured grids, masonry-style sections and video placeholders.

Interactive components

Accordions, tabs, carousels, alerts, badges, breadcrumbs, buttons, list groups and tables.

Business sections

Pricing, testimonials, team members, logos, stats, FAQs, services, contact sections and timelines.

Responsive layouts

One-column, two-column, three-column, four-column and mixed-width Bootstrap structures.

Works with different DNN themes

BlockBuilder is designed to become a practical editing solution beyond a single theme ecosystem.

Bootstrap 3Older DNN skins

Bootstrap 4Established layouts

Bootstrap 5Modern components

FallbackBundled support

BS3Compatible blocks for older Bootstrap 3 skins

BS4Bootstrap 4 based theme support

BS5Modern Bootstrap 5 blocks and components

FallbackBundled Bootstrap support where appropriate

Quick Edit

Editable title

Build pages visually with reusable blocks

Click text, buttons, images and repeated items to edit them safely in context.

Start building

Repeat itemFeature card

ImageMedia block

Text Link Image Duplicate

Text

Update headings, paragraphs, captions, list items, labels and section copy directly.

Buttons and links

Change button text and link targets without digging through HTML.

Images

Replace images, edit alt text and work with linked images more easily.

Repeated items

Duplicate, move, delete and restore cards, feature items, testimonials, pricing plans and team members.

Accordions and tabs

Edit, duplicate, move and delete items while keeping related IDs synchronized where possible.

Bootstrap components

Work with cards, accordions, tabs, carousels, buttons, tables, alerts, badges and breadcrumbs.

Quick Edit Full Editor

Editable content block Click text, image or button to update in context.

Full Editor and Quick Edit

Use Smart Editing for fast visual updates or switch it off in the Full Editor when advanced manual control is needed.

Fast in-context editing for everyday content updates
Advanced editor mode for users who need more manual control
Toolbar and dock interface for practical DNN editing workflows

Edit Undo History Save

Current draft Saved version Restore preview

Undo, Redo and Module History

Editing content should feel safe. BlockBuilder supports recent editing recovery and saved module version recovery.

Undo recent text, image, repeated item and layout changes
Redo changes when users need to step forward again
Preview saved module versions before applying them
Restore locally first and save only when ready

AI-assisted editing for every DNN theme

AI features help users improve content and styling faster, and are not limited to EasyDNN themes.

Rewrite this section to sound clearer and more persuasive.

AI RewriteAI CSSModule assistance

AI Rewrite

Make content shorter, clearer, more professional, friendlier, more persuasive or better suited to a specific audience while preserving the block structure.

AI CSS

Get help adjusting spacing, colors, typography, emphasis, layout details and other module styling refinements.

AI module assistance

Improve existing BlockBuilder module content across themes without rebuilding the section manually.

AI Page Builder for supported EasyDNN themes

For Buildora and Andromeda, AI Page Builder uses theme-specific catalogs, layouts and design patterns to generate more consistent full-page drafts.

Full-page drafts

Generate a complete page draft from a simple prompt.

Theme-aware layouts

Use supported theme catalogs instead of generic HTML.

Faster first versions

Start from an AI-generated page structure and refine it visually.

Buildora and Andromeda

Use supported themes that include the required theme-specific catalogs.

Modernize existing content and manage real website assets

Import HTML module

Manage images

Save reusable element

Import existing HTML module content

Select an existing DNN HTML module, append or replace its content, then continue visually with BlockBuilder tools.

Image tools for real content editing

Replace, resize, select, upload, download and manage images directly from the editor, including alt text and WebP-aware workflows.

Reusable custom elements

Save approved sections, reuse consistent layouts across pages and browse auto-generated previews.

Bootstrap-based structure without manual markup

Responsive layouts and content structures

Insert common Bootstrap layout combinations and add content inside them instead of writing column markup manually.

Layout builder

Desktop

TextImage

CardCardCard

Mobile

2 columns 3 cards Content split Responsive

One-column, two-column, three-column and four-column layouts
Mixed-width layout combinations for richer page sections
Bootstrap-based layout patterns that adapt across devices
Structured page areas for text, images, cards, lists and media
Faster page assembly without manually writing grid markup

Built for agencies, developers and content teams

For agencies

Give clients a better editing experience while reducing support requests caused by broken HTML.

For developers

Create structured blocks and reusable elements that remain editable for non-technical users.

For content editors

Update content visually, use AI assistance, manage images and recover from mistakes more easily.

For website owners

Maintain pages with less dependency on developers for everyday content updates.

BlockBuilder vs the standard HTML editor

Capability	Standard DNN HTML editor	EasyDNN BlockBuilder
Simple text content	Included	Included
Complex responsive layouts	Manual HTML	Included
Ready-made block library	-	Included
Smart Editing for repeated items	-	Included
Image workflow	Limited	Included
WebP support	-	Included
Undo, Redo and Module History	Limited	Included
AI-assisted content workflow	-	Included
Bootstrap-aware theme compatibility	-	Included

One editor for the complete content workflow Create sections, edit in context, recover changes, manage assets, reuse approved elements and improve content with AI.

3Bootstrap versions AIRewrite and CSS tools DNNPermissions support

Block editing

Visual block-based page editing
Ready-made Bootstrap block library
Bootstrap 3, 4 and 5 aware block support
Full Editor and Quick Edit workflows

Smart editing and recovery

Smart Editing for Bootstrap components
Undo and Redo
Module History
Regression-tested editing workflows

Content and assets

Import from existing DNN HTML modules
Image Editor, image resize and server image picker
External image download and WebP-aware image handling
Reusable custom elements with auto-generated previews

AI and DNN workflow

AI Rewrite, AI CSS and AI module-level editing tools
AI Page Builder for Buildora and Andromeda
DNN permissions support
Editor toolbar and dock interface

Key reasons to choose BlockBuilder

Replace fragile HTML editing

Move complex content editing out of the standard HTML editor and into a safer visual workflow.

Build pages faster

Use ready-made blocks, layouts and reusable elements instead of starting from scratch.

Give clients safer control

Let clients update content without giving them direct responsibility for fragile structures.

Improve content with AI

Rewrite copy, adjust tone, improve sections and refine CSS using AI-assisted tools.

Manage images better

Replace, resize, select, download and optimize images from inside the editor.

Recover from mistakes

Use Undo, Redo and Module History to edit with more confidence.

Upgrade the way you edit DNN content

Replace the standard HTML editor with a visual block-based workflow built for modern websites. Create better content sections, edit them safely, improve them with AI, manage images more easily and give your team a faster way to maintain DNN pages.

Start building with EasyDNN BlockBuilder