Editing Text

Once you've clicked on a grey box it will transform into an editing box with a formatting menu at the top.

RichText Edit Bar

You can select text and choose the various formatting options to create headings, bullets, bold text, etc. If you click outside the current editing box it will turn red to remind you to save any changes you've made.

At the top of each editing box are two blue links. One opens a view onto all the past revisions that have been made to this section of text. You can copy text out of this view and paste it into the editing box to correct unwanted changes that have been made. The deactivate link causes that section of text to leave the editing mode. You can reactivate by simply clicking on the text again.

There are a number of elements such as links, files and images which appear differently in editing mode than they do in the normal view of the page. In edit mode these element appear as tags: id numbers and commands surrounded by square brackets. By entering and modifying these tags you can control how these elements appear in the final page.

For instance the tag:
[image 1243]

causes a particular image (one that was previously uploaded and to which the system assigned the unique identifier: 1243) to be displayed in the page at that location.

The text editor also supports a number of useful keyboard shortcuts:

What follows in the next few of pages are detailed explanations of all the tags available for formatting your text.

About 'Dev' and Live' Pages

Pages in Serckit come in matches pairs: the development ('dev') page and the live page. Dev pages are password-protected, behind the scenes pages that hold your ongoing work. The live pages are those viewable by the world at large. Even after a dev page is 'finished' and made live, a separate dev version remains. Edits can be made on this dev version without disrupting the live site. Normally you'll edit only the dev version of a page, changing the live version only through the process of replacing it wholesale with the dev version. The dev pages have urls identical to their live counterparts with the addition of a /dev appended to the front. So if http://serc.carleton.edu /fun.html is a live page, then http://serc.carleton.edu /dev/fun.html is its dev twin.

In addition to the 'dev' in the url you can identify development pages by the presence of a large red watermark in the background of the page that says Development Page.