CKEditor is the text editor that Luggage uses. It may be daunting for first-time users to try and figure out what each button does. This tutorial will lead new users through explanations of each button and their functions.
Next, let's look at the button located next to the table button: the horizontal line button. If you need to separate your content, then you may want to use the horizontal line.
Sometimes, the content on your page has varying amounts of importance. If you have a title, for example, you want your users to be able to see it easily. While you could just bold the text, using headers is great for optimizing your webpage for search engines.
The header drop-down is found in between the link button and the text formatting removal button:
Sometimes, you need to remove all of your formatting. Maybe you accidentally made the entire page into a header. Or maybe you accidentally bolded random parts of your news story. Either way, the remove formatting button is a useful tool in the CK Editor arsenal.
This is where the format removal button is located:
Video created by Iowa State University Extension and Outreach IT
The last useable button in the CK Editor toolbar is the image formatting button. If you click on an image and then click on the image formatting button, you will be able to alter the properties of that image. Before you get started here, you may want to read the detailed explanation of how to upload images on the Adding Images tutorial page.
The next button in the top bar is the table creation button. This button allows you to create tables to organize data so that it is more readable for users. Here is where the table button is located:
The most frequently-used functionality of the WYSIWYG toolbar is probably the basic text formatting options: bold, italic, and underline. These buttons are located in between the superscript button and the quote button:
Do you need to indent a section of your content, such as a block quote? Or do you have a list of items that you want offset from the rest of your text? The CK Editor allows you to perform both functions. This tutorial will walk you through both actions.
The quote button is located between the underline button and the bulleted list button. It is useful when you want to indent part of your text.
Two important CK Editor features are the link and unlink buttons. Though the CK Editor does allow you to link to a site by simply pasting a URL into the text box, the link button is useful for embedding links. Here is where the link and unlink buttons are located on the CK Editor toolbar:
The last item in the CK Editor we will cover is the bottom bar. Though most of the utility in the text editor is in the top toolbar, the bottom bar does have some uses.
Let's start on the left side of the bottom bar. If you create a new page and look in the lower left hand of the body text editor, you will probably see a word and a letter, like in the example highlighted below:
