WYSIWYG Editor - Forums Group - the Free Speech Platform

• Overview
  
• Profile
  
• Board preferences
  

• Friends & Foes
  
• Digests
  

= Bold Text: Select the text to be made bold and click on this button.

Alternatively, you can click the button and then start typing in bold. Click again to cancel.

Example: [b]This text is with bold formatting.[/b]  -  This text is with bold formatting.

= Italic Text: Select the text to be made Italic and click on this button.

Alternatively, you can click the button and then start typing in italic. Click again to cancel.

Example: [i]This text is with italic formatting[/i]  - This text is with italic formatting.

= Underline Text: Select the text to be Underlined and click on this button.

Alternatively, you can click the button and then start typing underlined text. click again to return to normal.

Example: [u]This text is with underline formatting.[/u]  - This text is with underline formatting.

= Quote Text: Select the text to be put in quotes and click on this button.

If you add a name in the opening code, that name is given as the author.

Alternatively, you can click the button and the quote box appears and you can start typing in it.

Click again to complete the quote and return to normal.

Example 1: [quote]This text is a quote[/quote]

Example 2: [quote=Peter Walker]This text is a quote[/quote]

= Code Text: This works differently to the standard editor.

First click on the button and a large window appears.

Type or paste the code you want to insert and then click the OK button.

This is useful when quoting commands or computer code.

Example: [code]This is where you can type your code that will not be interpreted or changed.

In the premium WYSIWYG editor, you click the button first and this window pops up.

Type or past your code snippet and then click on the OK button when finished.[/code]

When posted to the forum, that text will look like this:

= Numbered List: This works differently to the standard editor.

1. To create a numbered list, press this button and "1." is displayed indented. You can now start typing the first point.
2. Press enter and "2." is displayed and you can type the second point, etc.
   
3. To end, make sure you have ended on the next empty line and then press the button again.
   
4. For example, if you have 3 lines, make sure the cursor is on line 4 before clicking the button again.
   

Result:

1. This is line 1 in a numbered list
   
2. This is line 2 in a numbered list
   

= Bullet List: This works differently to the standard editor.

• To create a bulleted list, first press this button and the text is then indented with "•" displayed
  
• You can now start typing the first point.
  
• Press enter and "•" is displayed and you can type the second point, etc.
  
• To end, make sure you have ended on the next empty line and then press the button again.
  
• For example, if you have 3 lines, make sure the cursor is on line 4 before clicking the button again.
  

Result:

• This is line 1 in a bulleted list
  
• This is line 2 in a bulleted list
  

= Insert Image from the Internet: This is used to add an image from the internet.

You can usually obtain the url of an image on a website by placing the cursor over it, right clicking and selecting: "Copy Image address."

The exact text displayed will vary according to the browser used and you might see "url" instead of "address."

Now click on the Image button and the following window appears where you can paste the image link:

You can ignore the Latin text displayed. When you press the Tab-Key after inserting the link, that image is previewed.

If it is valid, click on the green OK button and your image is then inserted.
Note: It is not possible to select the image link and press the image button, as with the standard editor.

Example: Using the image found at: https://forums.group/images/forums.group-hosted-germany.png

[img]https://forums.group/images/forums.group-hosted-germany.png[/img]

This will be displayed in your post:

= Insert Link: This is used to add a link (url) to a page. Paste the url to the page, select it and press this button.

Example 1: Using the following url: https://forums.group

After selecting the text and pressing the link button, you see this:

[url]https://forums.group[/url]

https://forums.group

Example 2: If you prefer a text to be displayed instead of the url, you can change the link to this:

[url=https://forums.group]Visit the Forums Group Website[/url]

Visit the Forums Group Website

= Set Font color: If you want to change the colour of some text, first select the text and press this button. A dialog will appear allowing you to select a colour.

Alternatively, you can click the button, select the colour and then start typing in that colour.

To return to black, press the button again and select black.

Example: [color=#FF0000]This text is in red[/color], [color=#00FF00]this text is in green[/color], and [color=#0000FF]this in blue.[/color]

This text is in red, this text is in green, and this in blue.

= Text Size: Select the text you want to change the size, press this button and select the size you want.

Alternatively, you can click the button, select the size and then start typing in that size.

To return to default size, press the button again and select (Default).

Example:

This is Default size text example

[size=50]This is Tiny size text example[/size]

[size=85]This is Small size text example[/size]

[size=100]This is Normal size text example[/size]

[size=150]This is Large size text example[/size]

[size=200]This is Huge size text example[/size]

= WYSIWYG / Source Toggle: Toggles between the WYSIWYG display and the original BBCode.

This can be very useful if you want to make minor adjustments to the code and see exactly what you are doing. There are limitations to the WYSIWYG system as not all BBCodes are supported and switching to 'Source' mode allows you to use unsupported BBCodes.