{"id":63470,"date":"2024-08-12T10:46:41","date_gmt":"2024-08-12T05:16:41","guid":{"rendered":"https:\/\/www.tothenew.com\/blog\/?p=63470"},"modified":"2024-08-12T11:25:01","modified_gmt":"2024-08-12T05:55:01","slug":"drupal-ckeditor-5-plugins-boost-content-management-experience","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/drupal-ckeditor-5-plugins-boost-content-management-experience\/","title":{"rendered":"Drupal CKEditor 5 Plugins: To Boost Your Content Management Experience"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>CKEditor 5 is a powerful, modern rich text editor with a modular architecture, meaning it can be extended through plugins to add various features and functionalities. Here\u2019s an overview of some common CKEditor 5 plugins and how they enhance the editor experience.<\/p>\n<h2>Most Common CKEditor 5 plugins<\/h2>\n<p>A major initiative for <a href=\"https:\/\/www.tothenew.com\/blog\/a-deep-dive-into-drupal-10-3-what-you-need-to-know\/\">Drupal 10<\/a> is the transition to CKEditor 5, offering a modern, feature-rich editing experience. This upgrade brings a modern interface, robust collaboration tools, improved performance, and greater accessibility, transforming the content editing experience.<\/p>\n<p>Let\u2019s explore some popular plugins included with the Drupal CKEditor 5 Plugin Pack module.<\/p>\n<ol>\n<li>Auto Image<\/li>\n<li>Fonts<\/li>\n<li>Text Transformation<\/li>\n<li>To-Do List<\/li>\n<li>Find and Replace<\/li>\n<li>Templates<\/li>\n<\/ol>\n<h2>Auto Image<\/h2>\n<p>The Auto Image plugin detects and automatically embeds image links from pasted content, speeding up editing. When the Auto Image plugin is enabled for your text format, simply paste the image&#8217;s URL into the editor and the image will embed into the content automatically<br \/>\nSupported formats include jpg, jpeg, png, gif, and ico.<\/p>\n<div id=\"attachment_63828\" style=\"width: 1053px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-63828\" decoding=\"async\" loading=\"lazy\" class=\" wp-image-63828\" src=\"https:\/\/www.tothenew.com\/blog\/wp-ttn-blog\/uploads\/2024\/08\/Auto-image-ck5-new-resize.gif\" alt=\"CKE5 Auto image gif\" width=\"1043\" height=\"696\" \/><p id=\"caption-attachment-63828\" class=\"wp-caption-text\">CKEditor 5 Auto image plugin feature<\/p><\/div>\n<p>&nbsp;<\/p>\n<h2>Fonts<strong><br \/>\n<\/strong><\/h2>\n<p>The font feature allows you to adjust font family, size, and color (including background color) using toolbar dropdowns and a color picker. It expands font options, allowing for a richer content presentation, developed in collaboration with community module authors.<br \/>\nNote: Font plugins use the style attribute for formatting, so they won\u2019t work with the &#8220;Limit allowed HTML tags and correct faulty HTML&#8221; filter enabled.<\/p>\n<div id=\"attachment_63831\" style=\"width: 1058px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-63831\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-63831 size-full\" src=\"https:\/\/www.tothenew.com\/blog\/wp-ttn-blog\/uploads\/2024\/08\/font-ck5-ezgif.com-resize.gif\" alt=\"CKE5 Font plugin gif\" width=\"1048\" height=\"780\" \/><p id=\"caption-attachment-63831\" class=\"wp-caption-text\">CKEditor 5 Font plugin feature<\/p><\/div>\n<p>&nbsp;<\/p>\n<h2>Text Transformation<\/h2>\n<p>Automatically converts typed shortcuts into their expanded forms or symbols, enhancing content consistency. To enable the Text Transformation plugin, go to the &#8220;CKEditor 5 plugin settings&#8221; tab, check the &#8220;Enable&#8221; box, and enter your custom transformation rules in the text area. The plugin does not include toolbar items.<\/p>\n<div id=\"attachment_63832\" style=\"width: 1058px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-63832\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-63832\" src=\"https:\/\/www.tothenew.com\/blog\/wp-ttn-blog\/uploads\/2024\/08\/Text-transformation-cke5.gif\" alt=\"CKE5 text transformation plugin gif\" width=\"1048\" height=\"651\" \/><p id=\"caption-attachment-63832\" class=\"wp-caption-text\">CKEditor 5 Text transformation plugin feature<\/p><\/div>\n<h2><\/h2>\n<h2>To-Do List<\/h2>\n<p>The To-Do List plugin adds interactive checklists to your content. Enable it from the &#8220;CKEditor 5 plugin settings&#8221; tab and start managing tasks directly in your editor.<br \/>\nUse the &#8220;To-Do List&#8221; toolbar button to add interactive checklists to your content.<\/p>\n<div id=\"attachment_63834\" style=\"width: 1058px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-63834\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-63834\" src=\"https:\/\/www.tothenew.com\/blog\/wp-ttn-blog\/uploads\/2024\/08\/To-Do-CKE5.gif\" alt=\"CKE 5 To-Do plugin gif\" width=\"1048\" height=\"650\" \/><p id=\"caption-attachment-63834\" class=\"wp-caption-text\">CKEditor 5 To-Do plugin feature<\/p><\/div>\n<p>&nbsp;<\/p>\n<h2>Find and Replace<\/h2>\n<p>The Find and Replace plugin lets you search and replace text within the editor. Use the &#8220;Find and Replace&#8221; toolbar button or the Ctrl\/Cmd+F shortcut to open the search dialog. The plugin doesn&#8217;t provide custom configuration. In order to use it, drag its toolbar icon to your Active toolbar. The find and replace feature lets you find and replace any text in your document. This speeds up your work and helps with the consistency of your content.<\/p>\n<div id=\"attachment_63835\" style=\"width: 1058px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-63835\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-63835\" src=\"https:\/\/www.tothenew.com\/blog\/wp-ttn-blog\/uploads\/2024\/08\/Find-replace-cke5.gif\" alt=\"CKE5 Find and replace plugin gif\" width=\"1048\" height=\"654\" \/><p id=\"caption-attachment-63835\" class=\"wp-caption-text\">CKEditor 5 Find and Replace plugin feature<\/p><\/div>\n<p>&nbsp;<\/p>\n<h2>Templates<strong><br \/>\n<\/strong><\/h2>\n<p>The template feature enables the insertion of predefined content structures into your document. This includes both smaller elements like formatted tables and complete templates for entire documents, such as formal letters. Using templates speeds up writing and ensures adherence to company document and content policies.<br \/>\nClick &#8220;Insert template&#8221; and select a template from the dropdown menu. You can search for templates by title for quick access.<\/p>\n<div id=\"attachment_63839\" style=\"width: 1058px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-63839\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-63839\" src=\"https:\/\/www.tothenew.com\/blog\/wp-ttn-blog\/uploads\/2024\/08\/Templates-cke5.gif\" alt=\"CKE5 Templates plugin gif\" width=\"1048\" height=\"593\" \/><p id=\"caption-attachment-63839\" class=\"wp-caption-text\">CKEditor 5 Templates plugin feature<\/p><\/div>\n<h2>Conclusion<\/h2>\n<p>The Drupal CKEditor 5 Plugins enhance your content editing experience with various advanced plugins. It integrates features like auto image embedding, rich font options, text transformations, to-do lists, find and replace, and templates. These plugins streamline the editing process, improve content consistency, and support a more dynamic and efficient user experience, all with minimal setup required. We can also create our <a href=\"https:\/\/www.tothenew.com\/blog\/how-to-create-custom-plugin-in-drupal-ckeditor-5\">custom CKE5 plugins<\/a> in Drupal for better user experience.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction CKEditor 5 is a powerful, modern rich text editor with a modular architecture, meaning it can be extended through plugins to add various features and functionalities. Here\u2019s an overview of some common CKEditor 5 plugins and how they enhance the editor experience. Most Common CKEditor 5 plugins A major initiative for Drupal 10 is [&hellip;]<\/p>\n","protected":false},"author":1672,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":35},"categories":[3602],"tags":[6184,6185,4862,5253,65],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/63470"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/1672"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=63470"}],"version-history":[{"count":14,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/63470\/revisions"}],"predecessor-version":[{"id":63956,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/63470\/revisions\/63956"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=63470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=63470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=63470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}