FM Themes
Welcome to FM Themes
where you can share your ModernBB, punBB, phpBB 2, Invision, & phpBB 3 themes for Forumotion forums.

You are viewing the forum as a guest, so you will not be able to use the full forum. To use all the features of the forum, you need to log in or create a FREE account by registering.
Share
View previous topicGo downView next topic
avatar
Administrator
Posts : 515
Points : 2278
Reputation : 70
View user profilehttp://broadcastingduo.forumotion.com/

How to toggle WYSIWYG (What You See Is What You Get) mode

on Thu Jun 15, 2017 8:32 am
Message reputation : 100% (1 vote)
Hey everyone,


In this tutorial I will cover how to toggle What You See Is What You Get (WYSIWYG) mode in the reply box/editor on a forumotion forum. You may be wondering: What is the difference between the regular editor mode and WYSIWYG mode? The answer is, that WYSIWYG mode will NOT display any bbcode and will instead display what you want to type and how you want to type it exactly as it will be displayed when it is posted (For example, if I want my text to be underlined when I post it and I hit the underline button in the editor, when I type, the text will appear underlined, just as it would when I post it). This means it is alot easier to use for new users or users who don't like to use bbcode.

How to switch to WYSIWYG mode in the editor:

To switch to WYSIWYG mode in the editor (for this tutorial, you should be in text box area, where you would usually type up and then send a post/topic (such as the quick reply area or advanced editor), find this icon in the editor bar: , it should be the last icon in the editor bar. Once you have found this icon, click it. You have now activated WYSIWYG mode.

Now that WYSIWYG mode is activated, anytime you click any button in the editor (Underline, italics, color, etc) and start typing, the text will automatically appear that way.

For example, say you want all the text in your post to be underlined (keep in mind this is with WYSIWYG mode activated), so you click the underline icon in the editor and start typing. All text that you type will automatically appear underlined until you click the underlined button in the editor again. That said, lets say you want your whole post to be underlined (this is for tutorial sake, we don't recommend actually doing this in posts), you type your message, all the text that you are typing will come out underlined, just like this:    
.

Pretty neat huh? The text truly appears in the editor as it will when it is posted!

This mode is very useful for users aren't very good with bbcode and prefer to have everything to be simple.

The mode does have its drawbacks though, some of the drawback include (but are not limited to):

  • If you upload a picture using the onsite uploader and then insert the image/image url into your post and you are in WYSIWYG mode, the image might not appear properly or might appear as a white square. This is a common thing in WYSIWYG mode, it might make you slightly confused, but dont worry, most of the time when you go to actually send the post, the image will usually appear normal once sent and posted.
  • If your doing anything with html code or any code for that matter and you are not using code tags/the code feature and you are using WYSIWYG mode, it might mess up the or give un intended results.


To get out of WYSIWYG mode and back into the standard editor, simply click the same icon you clicked to activate WYSIWYG (the last icon in the editor that looks like this: ), this will bring you back into the standard editor.

We hope this tutorial is helpful and if you have any questions or comments on this tutorial, feel free to ask questions and post your comments in this thread below and we will do our best to answer your questions and and address your comments.

Once again, we hope this tutorial is helpful and we hope you find the WYSIWYG mode helpful and easier for you all to use. Wink

Tutorial written by: brandon_g
avatar
Administrator
Posts : 3923
Points : 1814
Reputation : 311
View user profilehttps://www.fmthemes.net

Re: How to toggle WYSIWYG (What You See Is What You Get) mode

on Wed Jul 26, 2017 2:04 pm
Tutorial Accepted
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum