Visual Editor (TinyMCE)

TinyMCE is a visual editor that contains a toolbar with buttons similar to most word processing applications. It allows you to create and edit content for your web site with little HTML or CSS knowledge. You can use TinyMCE to insert, edit, and delete images, links, and tables; as well as format text. You can even upload & place images without leaving the page you're working on. If you hover your mouse cursor over a button in the TinyMCE toolbar, a short description of its function will appear. To remove formatting, highlight the formatted text and click once on the selected button.

Overview of Icons in TinyMCE Menu Bar

Icon	What it does
	Save the HTML page.
	Cut the highlighted text to the clipboard.
	Copy the highlighted text to the clipboard.
	Paste the text you copied (with or without formatting)
	Copy content from Microsoft Word, then paste it into the HTML editor using the pop-up accessed from this icon.
	Undo or redo the most recent action taken.
	Find a word or phrase within the text of the HTML page.
	Find and replace a word or phrase within the text.
	Style allows you to set text as headings & paragraphs, which are automatically styled to coordinate with the UNC web standard. Also includes overrides for font-family, text-size, etc. To remove the applied style, select '(remove styles).'
	Bold, italic, underscore or strikethrough highlighted text.
	Superscript or subscript the highlighted text.
	Change the color of the highlighted text.
	Change the background color of the highlighted text.
	Alignment of highlighted text (left, centered, right, justified).
	Numbered and bulleted list formatting are applied to paragraphs by first selecting the paragraphs, then clicking one of the icons.
	Increase or decrease the highlighted text's indentation.
	Insert images into the page. Images not hosted elsewhere must first be uploaded to your site.
	Add or remove links from highlighted text.
	Insert an anchor link.
	Insert a table. Number of columns or rows, and table width, height, borders, & alignment can also be set.
	Insert symbols & special characters (trademarks, currency, etc.)
	Insert divider line (horizontal rule); insert divider line with custom width & height.
	Remove the formatting from highlighted text... (You must select some text first)
	View or edit the source code/html (for advanced users).
	Enter or exit full-screen editing mode.

[top]