Documentation
Step-by-step instructions on how to install, configure and customize the application.
Get Started
with CKEditor 5
You’ll get ready-to-use code snippets, tailored to your needs.
Build your custom editor in
5 minutes (or less!)
With CKEditor’s interactive builder, select:
- The features you need
- Your preferred framework (React, Angular, Vue, or Vanilla JS)
- Your preferred distribution method
Distributions
Experienced with setting up CKEditor 5 already?
Here are the available distributions.
An account is required to use CKEditor Cloud CDN. Create a free account, or choose the plan that best fits your needs.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CKEditor 5 - Quick start CDN</title>
<link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/48.3.0/ckeditor5.css">
<style>
.main-container {
width: 795px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div class="main-container">
<div id="editor">
<p>Hello from CKEditor 5!</p>
</div>
</div>
<script src="https://cdn.ckeditor.com/ckeditor5/48.3.0/ckeditor5.umd.js"></script>
<script>
const {
ClassicEditor,
Essentials,
Paragraph,
Bold,
Italic,
Font
} = CKEDITOR;
// Create a free account and get <YOUR_LICENSE_KEY>
// https://portal.ckeditor.com/checkout?plan=free
ClassicEditor
.create( document.querySelector( '#editor' ), {
licenseKey: '<YOUR_LICENSE_KEY>',
plugins: [ Essentials, Paragraph, Bold, Italic, Font ],
toolbar: [
'undo', 'redo', '|', 'bold', 'italic', '|',
'fontSize', 'fontFamily', 'fontColor', 'fontBackgroundColor'
]
} )
.then( editor => {
window.editor = editor;
} )
.catch( error => {
console.error( error );
} );
</script>
</body>
</html>Create a free account or contact sales to test all premium features on a self-hosted distribution with a 14-day free trial.
npm install ckeditor5
npm install ckeditor5-premium-featuresCreate a free account or contact sales to test all premium features on a self-hosted distribution with a 14-day free trial.
CKEditor 5
CKEditor 5 with Premium Features
CKEditor 5 Long-term support (LTS) Edition offers extended maintenance and dedicated support for enterprise customers who require stability and predictable update cycles.
Visit the documentation to learn more.
Don’t know where to start?
Try our interactive builder
Or check out the quick start guide
Ready for developers’ favorite technologies
Native integrations with the most popular libraries will save you time, money and effort.
CKEditor 5 is compatible with any JavaScript framework.
Additional Resources
Explore the power of CKEditor 5 with these resources and guides.
Demos
A playground showcasing the most common and interesting use cases with live demos.
Release Notes (Changelog)
A detailed log of all the changes, improvements, and bug fixes in each release version.
License
Information on the licensing terms and conditions for using and distributing the application.
GitHub
Access the source code, report issues, and contribute to the project on GitHub.
Long-term support
CKEditor 5 LTS Edition is released once every two years and guarantees up to 3 years of security and compatibility fixes with no breaking changes.