Table of Contents

Field Input-Type string-wysiwyg

Use this field type for configuring simple text UI elements, storing string/text data. It's an extension of the basic string field type.

Features

  1. provide a wysiwyg text box
  2. rich WYSIWYG experience using TinyMCE
  3. ADAM support to drop images and documents

Modes (new v15.04)

The string-wysiwyg field type has these modes

  1. Default
  2. Text
  3. Text Basic
  4. Text Minimal
  5. Text Plain
  6. Rich WYSIWYG

Mode default

This is the standard mode, which is used if you don't specify a mode. It has various buttons to edit text and more.

Mode text

This is the basic text mode. It doesn't show as many buttons and disables features such as adding images to the content. The text-mode is meant for WYSIWYG where the user shouldn't add images.

Mode text-basic

This is a reduced text mode and doesn't provide the editor with headings. It's meant for simpler text where the editor should really not add headings to the content, but can still do basic formatting and add lists etc.

Mode text-minimal

This is a very reduced text mode which only provides basic formatting such as bold/italic. It's meant for inputs where the user should not be able to add headings or lists.

Mode text-plain

This is the most reduced wysiwyg mode, almost not a WYSIWYG at all. It's meant for teasers and other short texts, where the user can basically not paste formatted text or make anything bold/italic.

In addition to the toolbar, the plain text mode also has the following configuration:

  1. Disable dialog mode. Since the plain text mode is meant for short texts, it's not really useful to have a dialog mode.

Mode rich

This is a new mode which is still in development. It provides special features to make content which is rich and responsive at the same time.

Features include:

  1. Automatic image resizing of wysiwyg-images using the <picture> tag
  2. Image arrangements which work on all screens (eg. 4-in-a-row on desktop, but under-each-other on mobile)
  3. Optimized CSS to make this possible
  4. Special spacers to create proper gaps where necessary
  5. Image text wrapping so that multiple side-images are under each other and not staggered

👉🏽 See Field Input-Type string-wysiwyg Rich-Mode new 16.01

Configure a String-Wysiwyg

The mode is configured in the normal field settings.

History

  1. Introduced in EAV 1.0 2sxc 1.0, originally as part of the string field type
  2. Changed in 2sxc 6.0 - Moved to it's own sub-type
  3. Changed to be full-screen dialog editing only in 10.00
  4. Added option to switch between full-screen or directly in the form in 10.09
  5. Added options to enable / disable HTML and Advanced buttons in 10.09
  6. Added modes in 15.04, released in 16.00
Edit this page