Common buttons

HTML Editor Buttons
HTML Editor Pull Down Menus
Editing your own HTML with the editor
Some HTML Editor quirks

HTML Button	What the button does to text, images etc.	Why you might want to use this style of formatting.
	Bold text style.	Make text bold to accentuate it. For example: These small barnacles (Chthamalus anisopoma) are found living on the smooth surface of basalt rocks in zone two.
	Italic text style.	Make text italic to indicate that it is a title of a book or other print resource. For example: The Other Way to Listen (1997). Baylor, Bird; Peter Parnall (Illustrator) You can also italicize text to make it more noticeable. For example: The new seedlings must be kept moist at all times.
	Underline text style.	Underlining text is another way to make it more noticeable, however on web pages people might be confused and think that the text is a link to another page.
	Strikethrough text style.	Use the strikethrough style if you are editing a partners or a students work and you want to indicate that you think a particular section should be removed. Strikethrough style text isn't appropriate for work that will be published.
	Align center.	Use this button to center your text.
	Unordered list/bullet list.	Use this button to create a list with bullets. For example: My backyard has many living things: butterflies lizards hummingbirds flowers trees
	Ordered list/numbered list	Use this button to create a list ordered by numer. For example: In my garden I have edible plants flowers medicinal herbs succulents
	Indent/increase indentation.	butterflies lizards hummingbirds flowers trees mesquite palo verde fruit trees lemon orange pomelo palm shoe string acacia
	Outdent/decrease indentation.	butterflies lizards hummingbirds flowers trees mesquite palo verde fruit trees lemon orange pomelo palm shoe string acacia
	Undo the last operation.	If you make a mistake or something that you don't like you can use this button to undo your last action (you must use this button before you click save and preview).
	Redo the last operation.	If you do you something you want to repeat several times (like making text a particular color or style) you can use this button.
	Insert a new link, read more about this function in the Insert link section.	yes
	Unlinks the current selection/removes all selected links.	If you want to remove a link highlight the text and use this button.
	Insert a new anchor, read more about this function in the Insert anchor section.	If would like to link to parts of you treehouse page you can create anchors that you can jump to. For example if you make want to make a table of contents at the top of your page, you should insert anchors into the text sections listed in your table or contents. This way the links in your table of contents will jump to the right place in your page.
	Insert a new image, read more about this function in the Insert image section.	This button won't work just yet. But for now you must type the ToL code for images (see the adding media section).
	Cleanup code/Removes unwanted formatting. This function is useful when you copy contents from for example a office product.	If you copy and paste text from microsoft word, and your treehouse shows formatting you don't want, highlight the text and use this button to see if it will remove the formatting.
	Shows this help window.	The help window has a link for these common buttons, and links to more information on how to use the buttons.
	Opens HTML source code editor.	If you want to write your own HTML click on this button and a new window will open where you can write HTML and/or see how the HTML editor is formatting your text in HTML
	Inserts a new 2x2 table at the current location.	This button will be available soon.
	Inserts a new horizontal ruler
	Removes formatting from the selection.	If you have something formatted and you would like to remove the formatting, select the text and click this button.
	Makes the selection to be subscript.	yes ?- i think so but this is also not done as a css style it's sub and /sub - however we could add a css style
	Makes the selection to be superscripted.	Use this button when text such as X2

Would like if we could add the spell check too!

Would also like the ability to turn on and off the editor. See the mockup at : beta.tolweb.org/tree/learn/editformstuff/Form3.19.html

Some issues with the CSS styles and tiny mce. (In the WYSYWIG)

many times the editor applies spans or divs within an element rather than applying css tags to the whole element. For example, for lists the CSS is applied to the <li> tags by placing <span> or <div> within the <li> tags, and not to the <ul>... which doesn't then necessarily give the desired effect of the CSS. This also causes some undesired behavior when applying styles to tables, as you can't use the editor as far as I can tell to apply a class to the entire table, just the separate cells. ...
Sometimes the eraser will not remove CSS formatting. It's not consistent. The eraser button always works fine for formatting such as B or I but not any of our css styled elements (or headers!) I think it will help when we have a real WYSYWIG because then you can at least see if the formatting has been removed or what exactly you have in terms of formatting you!

Go to: Table of contents

Top