In WebWave CMS - website builder with no coding - the built-in text editor is of type WYSIWYG and allows you to easily manage text on a website. In order to access it, click on any text element.

There are two text edition panels. One of them is a bit reduced but appears only when you don't need all WYSIWYG features. 

Regular text edition panel

Smaller text edition panel displayed when changing text style.

 

How to use text editor features

1 - Formatting styles

2 - Font name

3 - Text size

4 - Line Height

5 - Text style

6 - Font styles

7 - Remove format

8 - Text alignment

9 - Lists

10 - Increase/Decrease Indent

11 - Links

12 - Multimedia

13 - Additions

 14 -  Text transformations

15 - File source

16 - Space between paragraphs

 

 

Formatting styles

Choose text formatting style from a list. If you ever decide to change text color or size on a whole website, you can easily do it by changing the formatting style.

Read more about formatting styles.

 

 Font name

You can choose a font from the fonts list. If none of them suits your project, you can easily add some more.

Read how to add more fonts to fonts list.

John has a dog.

 Text size

You can set font height in pixels.

John has a dog.

John has a dog.

John has a dog.
 

 Line height

You can set spaces between lines in a text.
 

 Text style

Text color

You can choose a color for letters and characters.

John has a dog.

 

Background color

Set the letter's background color. It is not a background color of the whole element, just letters.

John has a dog.

 

Text shadow

Set color, size and alignment of text shadow.

John has a dog.

 Font style 

Bold

Use this effect if you want some part of your text to be more visible on the website.

John has a dog.

 

Italic

Italic is another way to make your text more visible. It is often used on quotations. 

"John has a dog."

 

Underline

Distinguish some text by underlining it.

John has a dog.

 

Strikethrough

This effect comes useful when you need to mark what do you want to be changed in a text. It just crosses the central part of the marked text with a horizontal line.

John has a dog cat .

 

 Remove format

This option allows you to remove previously added styles. The text will go back to default look.

 

 Text alignment

The well-known effect of Microsoft Office Word. Allows you to decide how the text will be aligned in the element. You can align text sections differently. Alignation works also for images and videos placed in a text element. 

  • Align left - align text to the left side of the element. 
  • Align center - align text so that center of each line is in center of the element.
  • Align right - align text to the right side of the element.
  • Justify - align text to the left, then when you add text, the effect will make sure it will be also aligned to the right. It might cause bigger spaces between words.

 

John has a dog.

 

John has a dog.

 

John has a dog.


 

 Lists and indents

Numbered list

Create a list of which elements will be numbered.

  1. one

  2. two

  3. three

 

Bulleted list

Whenever you don't feel like creating a numbered list, you can make a bulleted one, each element will start from a big dot. 

Shopping list:

  • milk

  • beer

  • ham

  • beer

  • eggs

  • beer

 

Increase/Decrease Indent

Indent

If you need a sublist in your list, just increase indent.

  1. one

    1. one a

    2. one b

  2. two

  3. three


 

 Links

Add/Edit a regular link

Make part of your text a link. Choose whether the linked website will open in the same browser window or in a new one. In this element you can set:

  • Link type
    • URL address - User after clicking on a linked text will be redirected to a website of your choice. Set a formatting style for linked objects and every linked text on your website will have the same size, font and color.

      WebWave

    • Internal link (anchor) - read more here
       
    • E-mail address- clicking this type of a link opens a mailbox software on user's device with an e-mail addressed to an e-mail of your choice. What's more, you can also set the email's title and content.

 

  • Target
    • <not set> - link opens according to browser's default settings. 
       
    • <frame> - link opens in an iframe window on your website.
       
    • New window (_blank) - link opens in a new browser tab.
       
    • Topmost window (_top) - link open in the main window removing any iframes.
       
    • Same window (_self) - link opens in the same window.
       
    • Parent window (_parent) - link opens in the parent window.

 

Remove a regular link

Removes a link from the marked text. Formatting style goes back to the previous one.

 

 Internal links - anchor

Add anchor to your website. This element is not visible for users. Set a reference, which will transfer the user to a certain place in the text where you anchored. Useful when creating a table of content, like the one at the beginning of this article :)


 

 Multimedia

Image 

Allows you to add an image from the Media library in the text.

 

Embed Youtube video

Allows you to insert a YouTube video into the text and adjust its style.
 

HTML5 video

Allows you to insert into the text a video from File Manager and adjust its style.
 

Media library

A button which opens media library. Read more here.

 

Additions

Table

This feature allows you to insert into the text a table. After you click on the table button, you will be able to set a number of rows and columns. If it turns out that you need more of them, you can easily edit already existing table by right-clicking on it and selecting adequate options. 

 

English French
I am Je suis
You are Tu es

 

Insert Horizontal Line

Allows you to insert into the text a horizontal line. 


Insert special character 

Allows you to insert a special character from the list.

Example ¼ or ® 

 

 Text transformations

Transform Text to Uppercase 

Transforms all marked text to Uppercase.

Transform Text to Lowercase

Transforms all marked text to Lowercase.

Capitalize Text 

Changes first letter in each word in a marked text to Uppercase and rest of them to Lowercase.

Transform Text Switcher 

Each click changes marked text to one of three previously described options:

first click - Uppercase,

second click - Lowercase,

third click - Capitalize,

forth click - Uppercase etc.

 

File source

Allows seeing a file source, where you can edit HTML. Useful for more advanced users.

 

Spaces between paragraphs

Allows you to set the size of spaces between particular paragraphs in the text.


 

WYSIWYG - Text edition panel on your website

15 January 2019

Back

This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

 

PANEL WEBMASTERA

LOG IN

GET STARTED