Additional tips can be found for Using any Rich Text Editor. On the Drupal website:
- Hover your mouse over the buttons to see a tool-tip text in a pop up describing the button.
- Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. [shift+return=line break (single space) & return= paragraph break] If paragraphs are not recognized or fantom paragraphs appear, contact the COFA Web team.
- Web page addresses and e-mail addresses, typed on the page, turn into links automatically.
- The HTML code to create a citation is allowed in the Title field. E.g., Andrew Hinderaker’s <cite>Colossal</cite> Earns Rave Reviews
Standard Rich Text Editor Buttons
Basic Functions
Strong
Emphasis
The strong and emphasis tags use the bold and italic icons. Emphasis and strong provide more semantic guidance for the device displaying the content. For example, a screen reader will verbalize strength or emphasis. Learn the semantic differences that create italic and bold styled text.
Left, Center or Right justify
Right and Center justify will place a class of rteright or rtecenter on the selected content. Left justify will remove any classes.
Ordered list (numbered), Unordered list (bulleted)
Link, Unlink – Tips for using the Link Button.
Anchor – Add a named anchor at a specific point in the text that can be linked to.
Media (insert images and documents)
Horizontal rule
Block quote
Superscript
Subscript
Formatting
Format drop-down
Insert headings or format text as a normal paragraph. Headings should follow the hierarchy of your content outline. By default the page title is Heading 1. Heading 2 should always precede heading 3 and so on. Never skip from heading 2 to heading 4.
Styles drop-down
Read more below about the variety of different styles and formatting options.
Editing Tools
Remove formatting
If anything ever goes wrong try selecting the area and removing the formatting.
Show blocks
A tool to help you edit, this button adds temporary guidelines around pieces of content, revealing blocks of content wrappers such as paragraphs, header tags and blockquotes. The guidelines are not part of the final display output by the page. Learn more about Block level HTML elements.
Insert Paragraph Here
Hovering at the right edger of field watch for the “Insert paragraph here” indicator to make sure you are clearing all preceding block level content. Learn more about Block level HTML elements.
Cut and Copy
Undo and Redo
Search
Paste and Paste as Plain Text
Always use Paste as Plain Text when pasting from Microsoft Word, email or any other interface to strip out unwanted hidden coding or formatting.
Special characters
Allows you to include characters such as umlauts and ampersands. If the language of your content changes please provide the proper language encoding. In most fields, including first and last name fields, it’s safe to simply type the keyboard command to insert common special characters but always check in numerous browsers.
Create Div Container
Select an area to put in a wrapper and select this button to add a style (CSS) class to the selected area. Read about these advanced stylistic options.
Quality Checkers
Spellcheck – Always use before you save!
Accessibility – Always use before you save! Learn about legal requirements of Web accessibility.
Source – View and edit the HTML code.
Allowed Tags: <a><abbr><em><strong><cite><blockquote><ul><ol><li><span><p><div><h2><h3><h4><img><sub><sup><br /><hr><wbr>
There are some features of the site that will require you to edit the source code. Check out the HTML page to learn about these features and some other times you will want to edit the code.
Styles Drop-Down
Clear floated Elements – Use this option when you want the text to stop wrapping around an image that has been “floated” on the left or right.
Bigger Text – make text bigger
Fine Print – make the text smaller
Cited work – make the title of a work of art, performance or publication italicized.
First Paragraph – visually distinguish the first paragraph on a page.
Button – create a link and then use this option to make it a button.
Advanced Rich Text Editor
If there’s something special you want to do in the editor, like insert a data table or embed from YouTube, contact us to discuss the Advanced rich text editor input format.