Icon Glossary
Let's go through each icon on the default icon toolbar and see what each one will do for you.
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 -
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 - Use this icon to select all the content at one time.
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 - Use this icon to paste in text from Microsoft Word. This is important to keep the code and formatting neat and clean.
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 and Replace - Use this icon to search for text in the Resource Content box you are working in and replace it with other text.
Insert Non-Breaking Space Character - Use this icon if you need to insert consecutive spaces.
Horizontal Rule - Use this icon if you want to add a horizontal line to your page.
Insert Custom Character - Use this icon to insert a special character. Click the icon for a popup of characters to choose from.
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 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 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.
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.
Insert/Embed Media - Use this icon to insert embedded media such as flash movies, quicktime players or audio players.
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
- 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 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.
Print - Use this icon to print the content that is currently in the Resource content box (text editor).
Edit HTML Source - Use this icon to popup a window of the HTML (website programming language) source for editing. For advanced users only.
Help - This icon doesn't really provide help, it just gives some basic information about the text editor TinyMCE.
Bold - Use this to make text bold.
Italic - Use this to make text italic.
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 - Use this to strike a line through some text. Like this!
Superscript - Use this to create a superscript example.
Subscript - Use this to create a subscript example.
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 - Use this to create a bulleted list, also known as an "unordered list".
Numbered List - Use this to create a numbered list, also known as an "ordered list".
Outdent - Use this to outdent some text. This is only active if the text is first indented.
Indent - Use this to indent some text.
Align Left - Use this icon to align text or images to the left of the page.
Align Center - Use this icon to align text or images to the center of the page.
Align Right - Use this icon to align text or images to the right of the page.
Justify - Use this icon to justify text across the entire width of the page or content area.
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!)
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.
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.
blog comments powered by Disqus