Subscribe via RSS

Icon Glossary

Let's go through each icon on the default icon toolbar and see what each one will do for you.

  • undo icon Undo - Use this icon to undo a mistake. You can press it multiple times in a row to step back one edit at a time.
  • redo icon Redo - Use this icon to redo a mistaken undo. You can press it multiple times in a row to step forward one edit at a time. It's only available to use after you've used the undo icon.
  • select all icon Select All - Use this icon to select all the content at one time.
  • paste as plain text Paste As Plain Text - Use this icon to paste in text from other sources. This is important to keep the code and formatting neat and clean.
  • paste from word Paste From Word - Use this icon to paste in text from Microsoft Word. This is important to keep the code and formatting neat and clean.
  • find Find - Use this icon to search for text. This will only find text in the Resource Content box in which you are currently working.
  • find replace Find and Replace - Use this icon to search for text in the Resource Content box you are working in and replace it with other text.
  • non breaking space Insert Non-Breaking Space Character - Use this icon if you need to insert consecutive spaces.
  • hr Horizontal Rule - Use this icon if you want to add a horizontal line to your page.
  • special character Insert Custom Character - Use this icon to insert a special character. Click the icon for a popup of characters to choose from.
  • image icon  Insert/Edit Image - Use this icon to insert an image. To edit an image, click the image one time, then click this icon to edit the image.
  • insert link icon Insert a Link - Use this icon to create a link to another page or website. First, highlight some text or select an image by clicking on it, then click the Insert Link icon.
  • remove link icon Remove a Link - Use this icon to remove a link you've already created. Just click somewhere within the link and click the Remove Link icon to remove the whole link.
  • anchor icon Insert Anchor - Use this icon to insert an anchor. An anchor is used to identify a particular spot in a page. You can "jump" to a spot in a page by inserting an (invisible) anchor then linking to it using the structure #anchorname.
  • embed media icon Insert/Embed Media - Use this icon to insert embedded media such as flash movies, quicktime players or audio players.
  • messy code icon Cleanup Messy Code - Use this icon to cleanup messy code. First highlight the content you want to cleanup, then click the icon. It will help remove unnecessary code, for example, if you pasted text from Microsoft Word directly into the editor without using the Paste From Word icon.
  • remove formatting icon Remove Formatting - Highlight some text and click this icon to remove all formatting such as bold, underline, italic, etc. It's like starting from scratch.
  • full screen icon Full Screen Mode - Use this icon to make the Resource Content Box (text editor) the full size of the window frame. It's a toggle icon so click it again to return to normal view mode.
  • printer icon Print - Use this icon to print the content that is currently in the Resource content box (text editor).
  • html icon  Edit HTML Source - Use this icon to popup a window of the HTML (website programming language) source for editing. For advanced users only.
  • help icon Help - This icon doesn't really provide help, it just gives some basic information about the text editor TinyMCE.
  • bold icon Bold - Use this to make text bold.
  • italic icon Italic - Use this to make text italic.
  • underline icon Underline - Use this to underline some text. Be careful! You don't want to confuse people into thinking it is a link, as links are often underlined. Use sparingly.
  • strikethrough icon Strikethrough - Use this to strike a line through some text. Like this!
  • superscript icon Superscript - Use this to create a superscript example.
  • subscript icon Subscript - Use this to create a subscript example.
  • block quote icon Blockquote - Use this to set apart some text to make it more noticeable. It's often used to quote a source. Your designer may or may not have included this feature in the website design, so it may or may not work properly.
  • bulleted list Bulleted List - Use this to create a bulleted list, also known as an "unordered list".
  • numbered list Numbered List - Use this to create a numbered list, also known as an "ordered list".
  • outdent icon Outdent - Use this to outdent some text. This is only active if the text is first indented.
  • indent icon Indent - Use this to indent some text.
  • left Align Left - Use this icon to align text or images to the left of the page.
  • center Align Center - Use this icon to align text or images to the center of the page.
  • right Align Right - Use this icon to align text or images to the right of the page.
  • justify Justify - Use this icon to justify text across the entire width of the page or content area.
  • styles Styles Menu - Use this to apply certain custom styles to text or an image. Your designer will have to customize this for you as there are no default custom styles (because they're custom, duh!)
  • paragraph menu Format Menu - Use this to format text with a simple click. Paragraph is the default. Use Heading 1, Heading 2, etc to make headings for pages or paragraphs. Heading 1 produces the largest text and Heading 6 produces the smallest text. These may also be custom styled by your designer to match the rest of the site.
  • css styles icon Edit CSS Style - Use this icon for full styling control over text and images. You can change font color, font style, font size, bold, underline, strikethrough, as well as change background color for an element and much more. I recommend you only use this if know a bit about CSS, although you can always test it out for fun.