WYSIWYG Toolbar

From efelleWiki
Jump to: navigation, search

The WYSIWYG or "What you see is what you get" Toolbar is a tool utilized throughout the CMS so that you can generate content for your website without having to utilize coding in order to do so. There are two iterations of the WYSIWYG toolbar throughout the CMS, the full WYSIWYG toolbar, and the limited WYSIWYG toolbar.

Wiki.jpg

The Full WYSIWYG Toolbar

Toolbar-new2.jpg



NEW ICON

NAME

DESCRIPTION

Source-new.jpg "View Source" Button Displays HTML Code
Undo-new.jpg "Undo" Button
Redo-new.jpg "Redo" Button
Bold-new.jpg "Bold" Button
Italic-new.jpg "Italic" Button
Underline-new.jpg "Underline" Button
Format-new.jpg "Paragraph" Button
Format-new2.jpg

Styles-new.jpg "Style Selector" Button
Styles-new2.jpg

Remove-formatting-new.jpg "Remove Formatting" Button Removes all HTML formatting
Iframe-new.jpg "iFrame" Button This icon is optional, but allows you to add content from an external page to your website.
Indent-new.jpg "Indent" Button
Outdent-new.jpg "Outdent" Button
Table-new.jpg "Table" Button
Table-new3.jpg

New Table and Table Properties > insert rows/columns, adjust width/height, add headers, border size, cell spacing/padding, set alignment


Table-new2.jpg

Right click on table to Edit Table > paste content, edit cells, rows and columns, delete table, access Table Properties

Internal-link-new.jpg Internal "Link" Button
Links to pages within the site


Internal-link-new2.jpg

Modules > select module that has the page you'd like to link to
Caption > provide a brief description of the page that's being linked to
Open link in > choose whether the link opens in a new window or the current window

Internal-image-new.jpg Internal "Image" Button
Choose from an image on your desktop or images already uploaded to the site


Internal-image-new2.jpg

Cut-new.jpg "Cut" Button
Copy-new.jpg "Copy" Button
Paste-as-text-new.jpg "Paste as Text" Button Strips all styles, formatting, etc from outside text editors; inserting plain text.
Paste-from-word-new.jpg "Paste from Word" Button Retains formatting (h1, h2, paragraph, bold, italic, etc..) & links from Microsoft Word while removing unnecessary code/s.
Strike-through-new.jpg "Strikethrough" Button
Sub-script-new.jpg "Sub-script" Button
Super-script-new.jpg "Super-script" Button
Left-new.jpg "Left Align" Button
Center-new.jpg "Center Align" Button
Right-new.jpg "Right Align" Button
Justify-new.jpg "Justify Full" Button
Numbered-list-new.jpg "Numbered Lists" Button Insert/Remove numbered list
Bullet-list-new.jpg "Bulleted Lists" Button Insert/Remove bulleted list
Hyperlink-new.jpg External "Hyperlink" Button
Links to pages external to the site, bookmarks on the page, e-mail, etc...


Hyperlink-new2.jpg

Remove-link-new.jpg "Remove Link" Button Unlinks external hyperlinks and internal links
Anchor-new.jpg "Anchor" Button
Adds bookmarks/anchors to the page


Anchor-new2.jpg

Images-new.jpg External "Image" Button
Links to images on external sites

To select or upload an internal image, click the Browse Server button

Images-new2.jpg

HSpace/Vspace > insert pixel amount of horizontal and vertical padding between the content and image
Alignment > align image to the left or right of content

Horizontal-line-new.jpg "Horizontal Line" Button
Symbols-new.jpg "Special Characters" Button
Symbols-new2.jpg


Inserts special characters (i.e. copyright, trademark, etc…)

Media-new.jpg "Embed YouTube Video" Button
Media-new2.jpg

The Limited WYSIWYG Toolbar

Limitedtoolbar wiki.png

The Limited WYSIWYG toolbar has been designed to give you full control over the content in your webpage, even when the content entry window is limited. To bring it up, either highlight a word, or hover over a word, and you should see the Limited toolbar appear.