What is the WYSIWYG editor (toggle editor) and what settings do I have?

Skip ahead to

What is WYSIWYG?

WYSIWYG is an abbreviation for What You See IWhat You Get. It's used when describing the functionality of an edit box which allows a user to create a page, document, etc.. The functionality of a WYSIWYG editor is to provide immediate visual feedback on the text that the user is working on and providing them the ability to design/create it the same way that an end-user will see the document once it's done being edited.

What Changed?

  • Web Shop Manager is currently using the TinyMCE WYSIWYG editor. Our current update of TinyMCE is now using version 4.7.0.
  • A new WYSIWYG image uploader is being used to create a more intuitive interface.
  • The new version of TinyMCE can be used in all the places the previous version of TinyMCE was supported.
  • The new version of TinyMCE is now also supported in the following areas of WSM:



Products   X    
Product Series   X    
Brand X X    
Calendar X      
FAQ Article     X The WYSIWYG is supported for Answers
Photo Gallery : Album X      
Photo Gallery : Photo X      
Resources : Topic X X    

What can be configured?

To control the number of features that are available through your WYSIWYG editor visit, System > Configuration > General tab:

See screenshots below for the different features at each level.




Menu Options

The menu options of Edit, Inset, View, Format, and Table are the same across all the button levels.

Known Limitations

  • The new image uploader can be very slow to respond to directories that have a lot of images/files in them.
  • WSM recommends having no more than 100-300 files in a given folder for acceptable load times.
  • The WYSIWYG editor CANNOT be used on any pages that contain smarty code. This is code on your page that is within curly brackets .