WYSIWYG Editor

bold.png

This is the Bold button. This button is used when you would like to bold a certain text. Highlight the text you would like to bold, and then click on the B button.

Example: This text is bolded.

 

italic.png

This is the Italic button. This button is used when you would like to make a certain text Italicized. Highlight the text you would like to Italicize, and then click on the I button.

Example: This text is italic.

 

underline.png

This is the Underline button. This button is used when you would like to underline certain text. Highlight the text you would like to underline, and then click on the U button.

Example: This text is underlined.

 

font-color.png

This is the Text Color button. This button is used if you would like to change the color of your text. When you click on this button, a drop down color pallet will appear, displaying all the different color options you are able to select from. Choose which color you would like to type your text in and then proceed to type your message.

 

Font-size.png

This is the Text Size button. This button is used if you would like to change the size of your text. When you click on this button, a drop down list will appear with different size options you can change your text to. Select the size, and proceed to type your message. You can also highlight existing text and change the size afterwards.

 

image.png

This is the Insert Image Button. This button is used to upload images inside your text/message. When you click on this button a smaller window will pop up. Inside that smaller window click on the “Upload” tab, located at the top of page. Next click on the browse button to search for the image(s) you wish to upload. Last push “OK” at the bottom of the window, to complete uploading the image(s). 

*Tip: Add “Text For Display Only” fields to your price list to upload header graphics with the Insert Image button (recommended max with of 525 px wide). Click and drag field into place, then click "Update."

 

special.png

This is the Insert Special Character button. This button is used if you need to add a number, symbol, or other special character to your text/message. When you click on this button a smaller window pops open. Inside this window it will show you all the special characters you can select. Click on the character you wish to select and it will automatically appear in the text box.

 

superscript.png

This is the Superscript button. This button is used to transform text to superscript. An example of this looks like the following, textscript. To use this feature, click the superscript button, then proceed to type. Whatever text you type after you press the Superscript button will appear smaller and raised, as displayed in the example before.

 

left-align.png

This is the Left Justify button. This button is used to align selected text to the left. To use this feature highlight the text you wish to align and press the left justify button. 

Example: This text is left aligned

 

center-align.png

This is the Center Justify button. This button is used to align selected text to the center. To use this feature highlight the text you wish to align and press the center justify button.

Example: This text is center aligned.

 

right-align.png

This is the Right Justify button. This button is used to align selected text to the right. To use this feature highlight the text you wish to align and press the right justify button.

Example: This text is right aligned.

 

numb-list.png

This button is the Number List button. This button allows you to create a numbered list inside the text area. To use this feature click on the number list button, and number will appear numerically.

 Example:

  1. Click Enter for next number
  2. Click Enter for next number
  3. Click Enter for next number

 

bullets.png

This button is the Bulleted List button. This button allows you to create a bulleted list inside the text area. To use this feature click on the bulleted list button, and a bullet will appear. Example:

  • Click Enter for another bullet
  • Click Enter for another bullet
  • Click Enter for another bullet

 

decrease-indent.png

This is the Decrease Indent button. This button allows you to decrease an indentation in your text to the left.

 

increase-indent.png

This is the Increase Indent button. This button allows you to increase an indentation in your text by one tab.

Example Before: Hello

Example: (after pressing increase indent button) Hello

 

link.png

This is the Insert/Edit Link button. This button is used to insert or edit a link to another site, inside the text area. First, type the text that you want to appear as a link, not the actual link itself (unless that is what you want to be visible). Highlight the text you wish to link and then click on this button. When you click on this button a smaller window will pop up. Inside that smaller window enter the web address to be linked to, inside the URL box. Lastly, click OK at the bottom of the window to confirm.

*Tip: Hyperlink Images. Select the uploaded image that you wish to link, then click the Insert/Edit Link button to paste or enter your URL. Click OK to confirm.

 

unlink.png

This is the Insert/Edit Link Removal button. This button is used after you inserted a link, but then decide you would like it removed. To use this feature just click on the insert/edit removal button, and it will automatically remove the link from the text box.

 

max.png

This is the Maximize Editor button. This button is used to increase the size of the text box you are typing in. When you click this button, the text box will increase in size and cover your entire computer screen. If you wish to go back to the smaller text box size, just re-click the maximize editor button again. This is useful if you are putting a lot of information in one area.

 

source.png

This is the Source button. This button is used to view your text message in HTML code. When you click on this button your text will toggle into its HTML code language. To return back to view your normal text, just re-click on the source button.