Click the Source button (
) and update the HTML elements or attributes as you like. You can also style your HTML using inline CSS.
CKEditor 5’s advanced HTML editing capabilities give you full control over your content. With General HTML Support, you can manage custom elements, attributes, and styles, and even work with complete HTML documents—including meta tags and comments. Need to input non-standard code? Simply disable HTML filtering.
Edit HTML more efficiently with enhanced tools like syntax highlighting, code folding, and autocomplete. CKEditor 5 also automatically cleans up invalid markup, making your code easier to manage. Switch seamlessly between source view and WYSIWYG mode whenever you need to review or refine your output.
100.000+ customers have already trusted us.
This gives us a solid foundation on which we can develop the editor.
Software quality is in our DNA. We spend over 50% of our time testing code and writing documentation.
20+ years of experience in rich text editing. 50+ developers on board. 50M+ downloads and hundreds millions of users worldwide.'
Superb documentation, outstanding technical support and a huge Open Source community that helps us make the software better.
The Basic Styles plugin provides the ability to add some basic text formatting to your document. It adds the Bold, Italic, Underline, Strikethrough, Subscript and Superscript toolbar buttons that apply these styles. If you want to quickly remove basic styles from your document, use the Remove Format button provided by the Remove Format plugin.
The optional Copy Formatting plugin provides the ability to easily copy text formatting from one place in the document and apply it to another. To copy styles, place your cursor inside the text (or select a styled document fragment) and press the button or use the Ctrl+Shift+C keyboard shortcut.
The Remove Format plugin provides the ability to quickly remove any text formatting that is applied through inline HTML elements and CSS styles, like basic text styles (bold, italic, etc.), font family and size, text and background colors or styles applied through the Styles drop-down. Note that it does not change text formats applied at block level..
The Autoformat feature in CKEditor 5 allows you to quickly apply formatting to the content you are writing. While it can be customized, by default it can be used as an Markdown alternative. For example you bold by typing **text** or __text__ , create bulleted lists with * or -, create headings with #, ## or ###.
The Format plugin provides the ability to add block-level text formatting to your document. It introduces the Paragraph Format toolbar button that applies these text formats. The formats work on block level which means that you do not need to select any text in order to apply them and entire blocks will be affected by your choice.
This plugin adds the Table Properties dialog window with support for creating tables and setting basic table properties, such as: number of rows and columns, table width and height, cell padding and spacing, table headers setting, table border size, table alignment on the page and table caption and summary.
The default Image plugin supports inserting images into the editor content. This plugin supports left and right alignment. It also allows setting image border as well as pixel-perfect alignment (by setting the horizontal and vertical whitespace). Links can be added to an image easily from the Image Properties dialog. A file manager such as CKFinder can be integrated for image upload and storage support.
The Paste from LibreOffice plugin allows you to paste content from LibreOffice Writer and maintain original content structure and formatting.
The Paste from Google Docs plugin allows you to paste content from Google Docs and maintain original content structure and formatting.
The Paste from Word plugin allows you to also paste content from Microsoft Excel and maintain original content structure and formatting.
The Paste from Word plugin allows you to paste content from Microsoft Word and maintain original content structure and formatting. It automatically detects Word content and transforms its structure and formatting to clean HTML.
This plugin allows you to insert rich code fragments and see a live preview with highlighted syntax. Its original implementation uses the highlight.js library, but the plugin exposes a convenient interface for hooking any other library, even a server-side one.
This plugin allows you to insert rich code fragments and see a live preview with highlighted syntax. Its original implementation uses the highlight.js library, but the plugin exposes a convenient interface for hooking any other library, even a server-side one.