SLIS Site Index

Using SLISLife

Signing Up
Adding Friends
SLISLife User Manual [PDF] (download)

Using the Visual Editor

Formatting Text

SLISLife provides a visual editor you can using while writing to add formatting, links, and color to your messages and blogs, even if you do not know any html.

The visual editor allows you to format your text in a variety of ways. To apply a style to a section of text, you first highlight the text you want to format, then click on the button that provides the formatting you want.

For example, if you want a section of text underlined, type the text, highlight it, and click on the button that reads "U".

Visual Editor underline


You can use the "B" button to make your text bold.

Visual Editor bold


To italicize a portion of your blog or message, highlight the text, and click on the "I" button from the visual editor.

Visual Editor italic


If you would like to display a portion of your text with a strikethrough, you can use the visual editor for this as well. Highlight the text you want struck through, then click on the button that reads "ABC" with a line through it.

Visual Editor strikethrough


You can also use the visual editor to change the alignment of your text. For example, if you would like a portion of your blog to be centered, highlight that portion, and click on the "Centered" alignment button.

Visual Editor center


The visual editor offers a number of size options for your text. To change the text size, highlight the text you want to resize, then select a new size from the dropdown "Size" menu on the bottom right of the visual editor.

Visual Editor text size


You can also use the visual editor to choose from a number of different fonts. To change the font of your text, highlight the text, then select a new font from the dropdown menu called "Fonts" on the bottom of the visual editor.

Visual Editor font change


You can also use the visual editor to make formatted lists within a blog or message. If you want to make a numbered list, click on the button that reads "1,2,3" and a "1." will appear in your text box. Enter the first item on your list, then press "Enter." Immediately below the "1." you will see a "2.". Continue like this until you are finished with your list, then click on the "1,2,3" button again to return to normal typing.

Visual Editor numbered list


You can also make a list where the points are highlighted with bullet points, rather than numbers. This works exactly the same as the numbered list function, but you need to click on the bullet point list icon instead of the "1,2,3" icon.

Visual Editor bullet points


You can also display your text in a variety of colors. To color your words, highlight the portion of text you want to display in a different color, then click on the button that reads "T" at the bottom left of the visual editor.

Visual Editor text color


This will supply a dropdown menu of colors for you to choose from. Select one by clicking on it with your cursor.

Visual Editor choosing color


You can also add a colorful background to any portion of text in your blog. To do this, highlight the text you would like to give a colored background, then click on the paint bucket icon on the bottom left of the visual editor.

Visual Editor background color

Choose a color from the dropdown menu, and that color will now appear in the background of your highlighted text.


You can add zest and energy to your blogs and messages with the smiley faces supplied by the SLISLife visual editor. Type the text you would like followed by a smiley, and once you have finished, click on the yellow smiley face button in the visual editor.

Visual Editor smiley


This will bring up a menu of images for you to choose from. To select one, simply click on it.

Visual Editor smileys


The selected image will then appear in your blog or message.

Visual Editor smiley done


Adding links to your text

There are two ways to add links to your post. One uses the visual editor, and the other uses regular html.

To add a link using the visual editor, first you will need to type the text that you plan to use for the link. Once you have entered the text, highlight it, then click on the "Add Link" button. This is the icon depicting a globe with an infinity symbol.

The selected image will then appear in your blog or message.

Visual Editor link


This will bring up a new window. The window gives you a space to enter a url. Type the URL you plan want to link to in this space.

Visual Editor linking


Press "OK" after you have entered the web address you would like to link to. The text you highlighted previously will now appear in blue and be underlined. Clicking on the blue text will direct the reader to the page you have chosen to link to.

If you know how to use HTML to add links and format text, you can opt to use this option by clicking the "Source" button on the top left corner of the visual editor.

Visual Editor source link


While the "Source" button is pressed, enter the HTML you want to use. When you are finished, click the "Source" button again to turn this feature off.

Visual Editor source link2


You will no longer be able to see the HTML you used. Instead, your text will appear in the text box formatted as you specified.

Embedding media into your blog or message

SLISLife allows you to embed video segments into your blog, but does not provide a hosting service for your videos. If you would like to embed a video, the simplest way is to upload your video to a hosting service such as YouTube. Once you have uploaded your video to YouTube, the service will supply you with the html code needed to embed the video into a website.

Visual Editor embed youtube


To use this code in your blog, you will need to use the "Source" button on the top left corner of the visual editor. When the "Source" button is clicked on, you can write in the text box using html formatting code. To insert a video using the visual editor, click the "Source" button, then copy and paste the code provided by your hosting service into the text box. Then click the "Source" button again to turn it off.

Visual Editor embed video


Once you unclick the "Source" button, the code you have entered will disappear, and you will see nothing in its place. Don't worry – your video is not gone, it just cannot be displayed in the composition box.

Visual Editor look like no video


You can confirm that your video is still there by previewing the blog. Do this by clicking on the magnifying glass icon on the top of the editor. A preview of your blog will appear in a separate window.

Visual Editor blog preview


Once you have reviewed your draft, close the preview window to return to editing your blog.

| Blogs | Calendar | Databases | eBookstore | News (RSS) | PhD | Second Life |