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:

Keyboard Shortcuts

A useful set of keyboard shortcuts exist in the standard editing mode. They have been modeled to closely mimic standard shortcuts in other text editors. If using a Apple computer, the Apple command key should be used instead of control.

These do not work when editing a page in HTML mode!

Custom Serckit Shortcuts

These shortcuts are unique to Serckit but may be similar to other applications:

  • Ctrl +
    • 0 (paragraph)
    • 1 (H1)
    • 2 (H2)
    • 3 (H3)
    • 4 (H4)
    • 7 (ordered/number list)
    • 8 (unordered/bullet list)
    • - (strike through)
    • s (save)
    • m (toggle tab behavior on/off -- default is on with normal indent behavior)

Generic Shortcuts

These shortcuts are fairly ubiquitous and not unique to Serckit:

  • Ctrl +
    • z (undo)
    • x (cut)
    • c (copy)
    • v (paste)
    • b (bold)
    • i (italic)
    • u (underline)
    • a (select all)
  • Tab (indent)
  • Shift + Tab (unindent)
  • Shift + any arrow key (select text in that direction)
  • Shift + Ctrl + left/right arrow key (select compete words in that direction)
    • Apple computers usually differ here:
      • Shift + Ctrl + left/right arrow key (select compete line in that direction)
      • Shift + Option + left/right arrow key (selects complete words in that direction)


Ctrl + W closes the current tab in many browsers. Therefore we have disabled the shortcut in the Rich Text editor. If you click outside the editor with unsaved changes, Ctrl + W will likely close the tab and not save your changes.

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.