What is @ckeditor/ckeditor5-autoformat?
@ckeditor/ckeditor5-autoformat is a plugin for CKEditor 5 that allows for automatic formatting of text as you type. It provides a user-friendly way to apply formatting like bold, italic, and headings without needing to use toolbar buttons or keyboard shortcuts.
What are @ckeditor/ckeditor5-autoformat's main functionalities?
Bold Formatting
Automatically formats text to bold when surrounded by double asterisks (**bold**).
ClassicEditor.create(document.querySelector('#editor'), { plugins: [ Autoformat, Bold, Essentials, Paragraph ], toolbar: [ 'bold' ] });
Italic Formatting
Automatically formats text to italic when surrounded by single asterisks (*italic*).
ClassicEditor.create(document.querySelector('#editor'), { plugins: [ Autoformat, Italic, Essentials, Paragraph ], toolbar: [ 'italic' ] });
Heading Formatting
Automatically formats text to headings when prefixed with hash symbols (## Heading).
ClassicEditor.create(document.querySelector('#editor'), { plugins: [ Autoformat, Heading, Essentials, Paragraph ], toolbar: [ 'heading' ] });
Other packages similar to @ckeditor/ckeditor5-autoformat
quill
Quill is a modern WYSIWYG editor built for compatibility and extensibility. It offers similar autoformatting features through its modules and can be customized to provide automatic text formatting.
tinymce
TinyMCE is a popular rich text editor that provides a wide range of formatting options, including autoformatting through plugins. It is highly customizable and can be extended to include features similar to @ckeditor/ckeditor5-autoformat.
draft-js
Draft.js is a JavaScript rich text editor framework, built for React. It allows for extensive customization and can be configured to support autoformatting features similar to those provided by @ckeditor/ckeditor5-autoformat.