19 January 2017

This section will present all the options available in the text editing panel based on a What You See Is What You Get (WYSIWYG for short). To use this panel, simply click on any text field in the WebWave - responsive webdesign application without coding.

 

 

1. Font

2. Font size

3. Lines height

4. Text and background color

5. Fonts styles

6. Block styles

7. Text alignment

8. Lists and indents

9. Links

10. Inserting items

11. Removing formatting

12. Show blocks

13. Templates

14. Document source

15. Advance font styles

16. Media Library

 

1. Font

 

Here you can select the font you want to use for the written text. To change the font of the text already written, first select it and then choose a font from the list. The new font will be applied to the entire paragraph. Fonts list is short by default but can be extended by any font downloaded from Google Fonts. Instructions on how to do this can be found here.

 

2. Font size

 

Here you can choose the font size, which we use in our text. To change the font size of the text already written, first select it and then choose a new size from the list. The size will be applied to the entire paragraph.

 

3. Line height

 

Here you can choose the size of spacing between lines of text. The height of the lines will be applied to the entire paragraph.

 

4. Text and background color

 

Here you can choose the color of the text and its background.

 

5. Font styles

 

Here you can select one of the four basic font styles, bold, italic, underline and strikethrough.

 

6. Block styles

 

Allows you to choose from block styles. These styles can be adjusted by clicking the drop down "Text Styles" menu on the right side of the screen. Just click the interesting style and edit it so the entire text on the page with the chosen style will be updated.

 

7. Text alingment

 

Here you can choose how to align text: left, centered, right and justified.

 

8. Lists and indents

 

Here you can create bulleted or numbered lists. When you create such lists pressing "Enter" will automatically create another point in the line below. If you want to write the following text normal again, without creating the list, just press "Enter" twice.

 

9. Links

 

Here you can create links leading to anywhere on our website or on the Internet

 

Standard links

 

To add a standard link, select the text and then click the "Insert / edit link" icon. This is the first icon in the box marked with number 9 in the text editor screenshot above. In the window that appears now, you can customize the link. In most cases simply paste the URL and you're done. If necessary, however, we can edit the advanced options:

 

Link type

 

  • URL – link to any URL.
  • Link within a page (anchor) -  described here.
  • E-mail – clicking this link opens your email program with a message addressed to the recipient whose e-mail address we have given. You can also edit the default title and content of the message, which will form after clicking on that link.
     

Target

 

  • <Not set> - link will open according to the default browser settings.
  • <Frame> - a link which opens in the frame (iframe) created on our website.
  • New Window (_blank) - the link will open in a new browser window.
  • Topmost window (_top) - link will open in the main window, all the frames (iframe) are removed.
  • Same Window (_self) - link opens in the same window.
  • Parent window (_parent) - link will open in the parent window.

 

Links within a page - Anchors

 

Internal link, in other words "anchor" works in the same way as links from the numbered list at the top of this article. Clicking the link takes you to a specific location on the page. This is very useful if the page is long and/or has a lot of text. To create the anchor move the cursor to the place where the anchor should lead to and click the flag icon in the box number 9.
In the window that will appear, specify the name of the anchor. After clicking "OK" the red flag icon will appear (it will not be visible after publishing the page). An internal link will lead directly to this place. 
The next step is to add to the specified item a link which will lead to the anchor. To do this, select the text, click on the link (the first icon in the box number 9), and select "Link within a page (anchor)." From the drop-down list "By name", select the name of the anchor you created. Click OK and you're done.

You can remove the link by clicking “Remove link” icon in the same box.

 

10. Inserting items

 

In this box you can choose from items that can be inserted into the text:

 

  • Image – allows you to add to the text an image from the Media Library.
  • YouTube – allows you to place in the text a YouTube video and customize the way it is displayed.
  • Table – allows you to add customized table to the text.    
  • Insert a horizontal line – allows you to place a horizontal line in the text.
  • Insert a special character – allows you to insert a special character from a list.
     

11. Clear formatting

 

Clicking this button will clear all text formatting and restore the default settings.

 

12. Show blocks

 

It allows you to view the formatting marks applied by us to paragraph and heading. This is useful to find unwanted “Enters” that break the formatting of the text in paragraphs. It also helps to find different levels of headings, which are difficult to distinguish because of similar format.

 

13. Templates

 

It allows you to select one of the available text templates. Selecting"Replace the current content" will adjust the already written text to the template.

 

14. Document source

 

It allows you to view the document source where you can freely edit the HTML. For advanced users.

 

15. Advanced font styles

 

Here you can select the advanced font styles:

 

  • Transform Text to Uppercase – clicking this option will change the selected text to uppercase.
  • Transform Text to Lowercase – clicking this option will change the selected text to lowercase.
  • Capitalize Text – after clicking this option each word in selected text will begin with a capital letter.
  • Transform Text Switcher – allows you to change text from uppercase to lowercase and vice versa with one click.

 

16. Media library

 

That button opens a media library. More about it can be read here.

GO BACK             

Text editor WYSIWYG

 

 

Copyright © 2011 — 2018

All Rights Reserved

PRODUCT

CONTACT 

contact@webwave.me 

YOU SHOULD USE WEBWAVE TOO!

Try - it's free

SIGN UP

SUCCESS STORIES

HELP & SUPPORT

LANGUAGE

SIGN UP

LOG IN

SIGN UP

LOG IN