Search

💡 Try entering a search term, e.g. "frontend"

Craft CMS Richtext Example —
Flexible Content Editing in Action

This page demonstrates how rich text fields work in Craft CMS using a real-world starter kit setup. It highlights how editors can structure and style content with full control – without touching a single line of code.

Richtext fields are ideal for body copy, simple layouts, and marketing pages. With Craft’s flexibility and CKEditor integration, content creators can work faster and smarter.

Great content isn’t just written — it’s composed. Like good design, it balances freedom and structure.

Clean and Structured Content

Rich text allows you to create:

  • Headings (H1–H4)
  • Paragraphs with links and emphasis
  • Bullet and numbered lists
  • Embedded media and callouts

For example, here’s a simple paragraph that includes an inline link and some bold text to draw attention. All styling is handled automatically via Tailwind CSS classes.

Why Use Richtext in a Starter Kit?

While Matrix fields offer ultimate flexibility, richtext blocks are great for speed and simplicity. This Craft CMS Starter Kit uses a hybrid approach: use Richtext where it’s enough, and Matrix where you need layout control.

Advantages of Richtext:

  1. Great authoring experience
  2. Fast rendering
  3. Clean HTML output
  4. Ideal for blog posts, legal pages, or intro texts

Semantic HTML for Better SEO

All heading levels (`<h1>` to `<h4>`) are preserved and styled via Tailwind CSS. This helps search engines better understand the page structure – which improves your SEO without extra effort.

Here’s a list just for fun:

  • Fast setup with Craft CMS 5
  • Built-in CKEditor 5 integration
  • Datastar-powered frontend
  • Tailwind + Vite + GraphQL
  • Developer-friendly and production-ready

Customizing the Richtext Experience

You can define custom styles, toolbars, and plugins directly in the CKEditor config. Want to add buttons, callouts, or emojis? No problem. This starter kit gives you a clean base to extend the editing experience however you like. 🚀

Want more control inside your editor? Check out the CKEditor Builder – a powerful way to insert design-consistent components directly into rich text, combining WYSIWYG comfort with structured content.