The Editor

2) Working with the Editor

The body typically contains the main content that appears on a webpage. There is menu bar located at the top which is used to format text, add headings, styles, links, tables, etc.

Each of the editors functions are described below.

2.1) Undo | Redo

Allows you to undo or redo any edit you make to the body copy block.

2.2) Remove Formatting

Whenever you copy and paste text into Drupal from another source (Google Docs, Microsoft Word, PDFs, etc), the pasted text will use the font styling of the original source file (font type, color, size, etc). This font styling will likely be different from the font styling used on the Swarthmore site. The Remove Formatting function removes that imported formatting and makes the text look consistent with the rest of the website. Simply highlight the text you wish adjust using your cursor and then click the Remove Formatting button.

2.3) Bold / Italics / Bullet List / Ordered List

Allows you to add bold and italics content as well as bullet and ordered lists.

2.4) Headings

Allows you to add headings to your content. All webpages follow a standard convention of ranking of headings from H1 to H6. The Page Title (the most important element) is the H1. If you include heading/subheadings in the page content, you would start with H2 and then use H3-H6 for additional sub-headings.

2.5) Styles

The styles drop down menu allows you apply custom font styles to your content. This is useful if you wish to include lead paragraphs (slightly larger font size for the intro paragraph) or pull quotes (a quote pulled from the content) to your body content.

2.6) Horizontal Rule

Allows you to add a horizontal rule to your content.

2.7) Anchors

Anchor are internal links within the body content of a page that allow you link to that section of the page. Anchors are typically placed at the beginning of the section heading or paragraph that you want to jump to. The only requirement is to add a name for the anchor - the name should be one word and contain no spaces. Examples of good anchor names are:

• CreatingAnchors

• admissionsRequirements

• required-documents

You will know you've successfully created an anchor when you see a red flag appear in the Copy Editor. This red flag will not be visible to the public and is intended to help remind you of its presence while editing.  If you need to edit the anchor name, you can click on that flag and the Anchor dialog will reopen.

2.8) Links

Adding links to other webpages or other content is one of the most common tasks you’ll be doing when creating webpages.

2.9) Special Characters

This function allows you to add special characters (a,e,i,o,u with accents and other marks). This is most common for foreign words and names that might appear on the site

2.10) Find & Replace

Allows you to do a standard find and replace in the body content block.

2.11) Tables

Use this function to add table content to your webpage.

2.12) Add Image

2.13) Upload Image

2.14) HTML Source

Clicking the HTML Source button will display the underlying HTML responsible for rendering the text formatting, links, images, and other elements that appear on the page. Editors who are comfortable working with HTML may find this functionality useful for troubleshooting, however it is not necessary for the general editing of content.

2.15) Full Screen

The Full Screen button will maximize the Copy Editor to take up the full browser window. This can be useful when working with a large amount of content or as a means of cutting down on distraction during the writing process.

Click the button a second time in order to minimize the Copy Editor, returning it to its original size.