Skip to main content
Home  ›  Blog

WYSIWYG Modes in 2sxc LTS 16

New WYSIWYG Edit Modes give you more control over what the user can/should do...and May the 4th be with you.

Summary: New Modes which Restrict Features

2sxc 16 allows you to configure the WYSIWYG to restrict what it can do. For example, mode text-minimal will disable image upload and only offer a subset of features in the toolbar:

As you can see, it has some optimized buttons such as paste-text-only, limited formatting options and the ability to add links. 

As of now, there are a total of 5 modes which should make your life easier and the content quality better as well. 

The Need for WYSIWYG Modes

You were always able to create text-inputs and WYSIWYG inputs. As soon as you needed some kind of formatting then WYSIWYG was the obvious choice.

But there's a problem: the WYSIWYG is sometimes too powerful. For example, a short teaser text may need formatting, but the user should not upload images and should not create bulleted lists

In the past, customizing the WYSIWYG was one of the most requested feature, which was why there is a whole API to do this - but it's difficult. 

Now with the new modes we're taking the 80/20 approach: Most customizations that were requested tried to restrict the WYSIWYG - which is very easy to do now.

The New Modes

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.

Make it Sexy!

Sometimes it's the small things that make life better. We hope this will help you make even more amazing solutions that just work.

May the force be with us all,
iJungleboy

 


Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 800 DNN projects since 1999. He is also chief architect of 2sxc (see github), an open source module for creating attractive content and DNN Apps.

Read more posts by Daniel Mettler