The Editor

Working with the Editor

The body typically contains the main content that appears on a webpage. It has many of the standard editing capabilities that you would find in Google Docs or Microsoft Word.

2.1) Undo | Redo

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

2.2) Remove Formating

Whenever you copy and paste text into Drupal from another source (Google Docs, Microsoft Word, or PDFs), the pasted text will usually inherit 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 Swarthmore webpages. The Remove Formatting function will make your text look consistent with the rest of the website. Simply highlight the text you wish correct 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 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

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.