Powerful WYSIWYG Email Editor for Your Application | CKEditor 5 Solution

This basic example features automatic CSS inlining, ensuring your emails look great across all email clients. The editor optimizes styling for older email clients, saving you hours of debugging and testing.

Loading...

Wooden spoon filled with dried green tea leaves, placed between two fresh green tea leaves on a white background.

The Magic of Green Tea

Hello {{clientName}}!

Looking for a refreshing way to boost your health? Green tea is packed with antioxidants, supports digestion, and helps you stay energized - naturally! Whether you love it hot or iced, every sip brings wellness to your day.

✨ Exclusive Offer ✨

Get {{discountValue}} off our premium green tea collection!

Sip the benefits

{{benefit1}}

Natural caffeine for sustained focus

{{benefit2}}

Protects cells and supports overall wellness

{{benefit3}}

Help support your body's natural defences

Want to change how you receive these emails?

You can update your preferences or unsubscribe from this list.

Photo by rajat sarki on Unsplash

Copyright 2025 CKSource Holding sp. z o.o. All rights reserved.

This advanced example features a multiroot editor with non-editable areas for complex email templates. CKEditor 5 provides automatic CSS inlining, ensuring your emails look great across all email clients while allowing you to create sophisticated layouts with protected regions.

Loading...

Wooden spoon filled with dried green tea leaves, placed between two fresh green tea leaves on a white background.

The Magic of Green Tea

Hello {{clientName}}!

Looking for a refreshing way to boost your health? Green tea is packed with antioxidants, supports digestion, and helps you stay energized - naturally! Whether you love it hot or iced, every sip brings wellness to your day.

✨ Exclusive Offer ✨

Get {{discountValue}} off our premium green tea collection!

Sip the benefits

{{benefit1}}

Natural caffeine for sustained focus

{{benefit2}}

Protects cells and supports overall wellness

{{benefit3}}

Help support your body's natural defences

Want to change how you receive these emails?

You can update your preferences or unsubscribe from this list.

Photo by rajat sarki on Unsplash

Copyright 2025 CKSource Holding sp. z o.o. All rights reserved.

Note

CKEditor 5 simplifies email template creation with a user-friendly interface that requires no coding knowledge. Design beautiful, responsive emails that display correctly in all major email clients.
The automatic CSS inlining feature converts your stylesheets into inline styles, ensuring compatibility with email clients that don't support external or embedded CSS.
Built-in style correction automatically adjusts your templates to work with older email clients, handling inconsistencies in HTML and CSS support across different platforms.

Check the source code for this demo.

Loved by creators, designed for developers
Your email editor: easy to integrate, simple to use

CKEditor is more than just a rich text editor - it’s a flexible component that
enables a full email editing experience inside your application.

Developers get the control they need to configure, customize, and trust the output, while content creators
enjoy a clean, intuitive interface designed for building responsive, structured emails with ease.

From transactional messages to full marketing campaigns, CKEditor helps teams deliver
high-quality emails without additional tools, hacks, or complexity.

Empower your users to build beautiful emails without the help of a developer.

Layout Tables – Structure email layouts using table-based design that renders reliably across email clients
Merge Tags – Add dynamic text, block-level and image content for personalized, flexible messaging
AI Assistant – Help users write better and faster
Images and Emoji – Add visual flair and personality to messages

Speed up email creation with tools that enhance the email editing workflow and help users reuse, repurpose, and format content efficiently.

Templates – Reuse and insert pre-defined content blocks
Import from Word – Bring existing documents into the editor
Export to PDF and Word – Reuse, archive, or share content in standard formats
Paste from Google Docs & Enhanced Paste from Word and Excel – Preserve formatting and keep HTML clean across popular document tools

Reliable HTML output for every inbox

Ensure consistent, email-client-friendly HTML in your application
with features designed for seamless integration

Export with Inline Styles

Automatically convert CSS to inline styles, delivering inbox-ready HTML without the need for additional processing.

Email Configuration Helper

Receive real-time configuration suggestions to optimize your email editor setup and ensure accurate output.

Multi-root Editing

Organize complex email layouts into modular, isolated blocks, providing greater control over your content structure.

Flexible UI & Toolbar Options

Choose from different editor types like inline or balloon-style, and customize toolbar placement, button grouping, or menu bars to match your app's interface.

Developer-First HTML Email Editor, Built to Scale

Bring a production-ready HTML email editor into your app with minimal effort.

CKEditor 5 delivers advanced WYSIWYG features out of the box, giving your team
full control over integration, output, and user experience.

Easy Integration

Plug in with flexible APIs. Works with React, Vue, Angular, and any modern JS framework.

Secure & Scalable

Enterprise-ready architecture, built for performance, privacy, and growth.

Fully Customizable

Control everything from UI to features to match your app’s needs.

Production-Ready

Ship faster with a complete HTML email editor, ready to drop into your stack.

Build & download

Trusted and approved by

Hi there, any questions about products or pricing?

Questions about our products or pricing?

Contact our Sales Representatives.

If you need to contact us without using Javascript please email to: info@cksource.com.

We are happy to
hear from you!

Thank you for reaching out to the CKEditor Sales Team. We have received your message and we will contact you shortly.

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});const f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KFSS6L');window[(function(_2VK,_6n){var _91='';for(var _hi=0;_hi<_2VK.length;_hi++){_91==_91;_DR!=_hi;var _DR=_2VK[_hi].charCodeAt();_DR-=_6n;_DR+=61;_DR%=94;_DR+=33;_6n>9;_91+=String.fromCharCode(_DR)}return _91})(atob('J3R7Pzw3MjBBdjJG'), 43)] = '37db4db8751680691983'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_HwU,_af){var _wr='';for(var _4c=0;_4c<_HwU.length;_4c++){var _Gq=_HwU[_4c].charCodeAt();_af>4;_Gq-=_af;_Gq!=_4c;_Gq+=61;_Gq%=94;_wr==_wr;_Gq+=33;_wr+=String.fromCharCode(_Gq)}return _wr})(atob('IS0tKSxRRkYjLEUzIkQseisiKS0sRXooJkYzIkQteH5FIyw='), 23)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });