magefan / module-wysiwyg-advanced

Extend TinyMCE 4 & 5 tools in Magento 2
https://magefan.com/magento2-extensions
71 stars 18 forks source link

Magento 2.3 - TinyMCE 4 Toolbar / Text Color Tool Missing #30

Closed MagefanCustomer closed 1 month ago

magefan commented 1 month ago

In Magento 2.3 and greater, Magento team has changed WYSIWYG editor, instead of TinyMCE 3 Magento started use TinyMCE 4.

On the picture below, you can see Magento 2.0-2.2 TinyMCE 3  editor:

TinyMCE 3 Magento 2 Editor

Default Magento TinyMCE 4 editor does not include a lot of tools for example text color or text background and this can be inconvenient for the content manager.

Magento 2 TinyMCE 4

You can easily solve this issue, extend the WYSIWYG tool and have more options by installing magefan/module-wysiwyg-advanced free Magento 2 extension.

After the extension installation, new options will be available for you, e.g.:  text color, HTML code, undo-redo, style select, font size selector, forecolor background color, strikethrough. Example: 

Extended Magento 2 WYSIWYG editor

This extension also fix the issue with additional empty <p> tag (e.g. <p>&nbsp;</p>) and missing <style> tag in the editor.

To install magefan/module-wysiwyg-advanced, please run the CLI commands in your Magento 2 root directory:

composer require magefan/module-wysiwyg-advanced
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy -f

P.S.: We want to thank Mike Dubs for sharing his solution at StackExchange. Based on Mike's suggestion there was created a magefan/module-wysiwyg-advanced package.