Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The next set of icons have to do with the direction of your text and their names are self-explanatory.

NameDescription
Text direction from left to rightThis button makes the text go from left to right.
Text direction from right to leftThis button makes the text go from left to right.

We've grouped the next few selections into one table as follows. All of them have to do with your text font and how it is displayed.

NameDescription
Formatting StylesThe drop-down menu accessed by tapping the Styles button allows you to use pre-set styles, such as computer text, for your text selection.
Paragraph FormatThe drop-down menu accessed by tapping the Format button allows you to define the heading style for your selection, from Heading 1 through 5.
Font NameThe Font Name drop-down menu (identified by the font name Arial in the screen shot above) applies a particular font to your selected text. If you select the entire webpage, the font is applied to the whole page. If you tap it at the beginning of a selection, your typing will be in that font.
Font SizeThe Size button enables you to select the font size for your selection - or you can tap it before you type to apply the size to the content you are typing.

The first set of icons on the last row of the editor have to do with color. There are two.

Image Added

NameDescription
Text Color

Highlight text, or tap before typing to select a color for your text. When done with the text you want in that color, tap the button again. This button opens a menu of all available colors, or tap the More Colors button at the bottom of the menu to select another color from the color bars. Just tap in the color bars where you see the color you want, preview it in the Selected Color field, and click OK to save it. Here is an example of making one word in a phrase a different color for emphasis.

Image Added

Background Color

This button works in the same way the Text Color button does. Tapping it opens the same menu of colors, and tapping More Colors allows you to select a custom color from the color bars. This background color applies only to the highlighted text, or the text you are about to type. Tapping it again after you have typed the text you want in that color stops the color from being applied. Here is an example of applying a background color to one word for emphasis.

Image Added

The final set of icons include a link to get help about the editor.

Image Added

NameDescription
MaximizeThis button looks like a blue highlighted page with arrows on each side. Tap this button and the editor you are working in takes up the full screen. Your editing menu is still at the top. Tap the Maximize button again to return to normal view.
Show BlocksThis button looks like a magnifying glass over a page. It reveals blocks of text formatted in the same way. Tapping it again removes the boxes around the blocks of text.
About CKEditorThe button that looks like a paper with a question mark opens the help menu and links to the user guide for this editing program.