WYSIWYG Editor

The editor gives you the ability to enter and format while working in a What You See Is What You Get (WYSIWYG) view of the content. If you prefer to work directly with the underlying HTML code, you can easily change modes. The editor can be used to create content for pages, blocks, and product descriptions. When working on product detail, access the editor by clicking Show / Hide Editor.

NOTE

TinyMCE 5 is the default WYSIWYG editor. TinyMCE 3 was deprecated in the 2.4.0 release and removed in the 2.4.3 release. TinyMCE 4 is now removed in the 2.4.4 release.

Editor toolbar

The following topics provide detailed information about using the editor:

Configure the Editor

The WYSIWYG editor is enabled by default, and can be used to edit content on CMS pages and blocks, and in products and categories. From the configuration you can activate or deactivate the editor, and elect to use static, rather than dynamic, URLS for media content in product and category descriptions.

TinyMCE 5 is the default WYSIWYG editor. The implemented version (5.8.1) offers an improved user experience and supports a wide range of WYSIWYG plugins. TinyMCE 3 was deprecated in the 2.4.0 release and removed in the 2.4.3 release. TinyMCE 4 is now removed in the 2.4.4 release.

WYSIWYG Options

For detailed description of all WYSIWYG options, see Content Management in the Configuration Reference.

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel under General, choose Content Management.

  3. Expand Expansion selector WYSIWYG Options.

  4. Set Enable WYSIWYG Editor to your preference.

    The editor is enabled by default.

  5. Set Static URLs for Media Content in WYSIWYG to your preference for all media content that is entered with the WYSIWYG editor.

  6. When complete, click Save Config.

On this page