How to make CKEditor5 (D10) like the WYSIWYG CKEditor (D7)

By @whatisdrupal, 21 June, 2024
How to make CKEditor5 (D10) like the WYSIWYG CKEditor (D7)

UPDATE: How to make CKEditor5 (D10) like the WYSIWYG CKEditor (D7)

After upgrade the Drupal core from Drupal 7 to 10, some users may need to use many editor tools that look like WYSIWYG with CKEditor. However, CKEditor 5 only provides a few tools.

Developers must install CKEditor5 plugins to serve their users.

Required CKEditor5 Plugins:

Find and Replace

https://www.drupal.org/project/ckeditor5_findandreplace

Anchor Link

https://www.drupal.org/project/anchor_link

Installation Note: After placing the Anchor Link module in the modules folder, be sure to upload the library files to the libraries folder as well.

Source: https://registry.npmjs.org/@northernco/ckeditor5-anchor-drupal/-/ckeditor5-anchor-drupal-0.4.0.tgz

DIV Manager

https://www.drupal.org/project/ckeditor_div_manager

Note: Drupal 10 does not require library files for this plugin)

Paste from Word

https://www.drupal.org/project/ckeditor5_paste_filter

Full Screen Mode

https://www.drupal.org/project/ckeditor5_fullscreen

Templates

https://www.drupal.org/project/ckeditor5_template

To create templates, copy the template file to a new location, edit the content in the new file, and then update the path to the template within Text formats and editors.

** The CKEditor5_font module for Text color and Background color is currently incompatible with Drupal 10.2.x. As an alternative, users can leverage the built-in "Style" option.