Home | Recent Changes | Search | Log in

Back to Socialtext Documentation



Introduction

Simple mode lets you edit much as you would in a word processor, and hides the fancy punctuation that is visible in Advanced mode. You can switch between edit modes at any time by clicking a link that appears above the toolbar while editing a page:

Editing-page-simple-advanced.png

Note to Macintosh users: Simple mode is not available in the Safari browser.

Toolbar

sm_toolbar.png

The toolbar above the editing window features buttons that will apply formatting to selected text or insert new elements.

base/images/wikiwyg_icons/bold.gif Makes plain text bold, or reverses bold text to normal text.
base/images/wikiwyg_icons/italic.gif Italicizes text, or reverses italicized text to normal text.
base/images/wikiwyg_icons/strike.gif Applies strikethrough to text, or reverses struckthrough text to normal text.

base/images/wikiwyg_icons/h1.gif
base/images/wikiwyg_icons/h2.gif
base/images/wikiwyg_icons/h3.gif
base/images/wikiwyg_icons/h4.gif

Applies headings to selected lines in different sizes, descending from H1. Note that as headings, the lines will be included in any Table of Contents on this page.
base/images/wikiwyg_icons/p.gif Turns headings back into normal text.
base/images/wikiwyg_icons/ordered.gif
  1. Starts numbered lists
  2. Turns a selection into a list
  3. Reverses already numbered lines to normal text
base/images/wikiwyg_icons/unordered.gif
  • Starts bulleted lists
  • Turns a selection into a list
  • Reverses already bulleted lines to normal text
base/images/wikiwyg_icons/outdent.gif Shifts paragraphs or bullets left.
base/images/wikiwyg_icons/indent.gif Shifts paragraphs or bullets right.
base/images/wikiwyg_icons/link.gif Brings up the "Add a Link" dialog box to make wiki links, web links, or internal section links. See Create Link .
base/images/wikiwyg_icons/image.gif Brings up the "Attached Image" dialog box to let you add an image. See Include an Image .
base/images/wikiwyg_icons/table.gif Lets you add a table. See Create Table .
insert_btn.png Activates the "Insert" drop down menu. See Insert Menu .
uploadfiles_btn.png Lets you upload files so that you may attach them to a page. See Upload files .
addtags_btn.png Lets you add tags to a page. See Add tags

The base/images/wikiwyg_icons/link.gif button activates the "Add a Link" dialog box.

sm_linkbox.png

If you have text selected when you activate the button, the box will attempt to populate its fields based on the text.

To make an internal link (to a page within the same workspace), simply type in the name of the page, select it, and press the link base/images/wikiwyg_icons/link.gif button. When the Link dialog pops up, make any changes like adding link text, and Save.

To make an external link (to a page outside of the workspace), select the text you would like to turn into a link and press the link base/images/wikiwyg_icons/link.gif button. When the Link dialog appears, choose Web Link and type in the URL for the external link.

To make a link to a section within a page, also press the link button, select Section Link, and type the name of the section to which you wish to link.

Here's a detailed walkthrough of this feature: Using the Link button .

Include an Image

Clicking the base/images/wikiwyg_icons/image.gif button activates the "Attached Image" dialog box allowing you to display an attached image on your page.

image-menu.png

This feature is explained in depth here .

Any image you choose to attach must first be uploaded to this or another page.

"More options" allows you to use an image attached to another page or another workspace. If you provide Link text, your page will contain a link to the image rather than the image itself.

Create Table

Creating a table will insert a grid of rows and columns at your cursor position.

When you click the base/images/wikiwyg_icons/table.gif button, you will first see this prompt box:

tableprompt_rows.png

Enter the number of rows you wish to have for your table and click OK. Immediately the next prompt box will appear:

tableprompt_cols.png

Enter the number of columns you need and click OK.

A small, empty table will then appear at the cursor position. Although it looks small the cells expand when you enter text or images.

Use Advanced mode to change the number of rows and columns in a table, or the nifty native table editor in Firefox in Simple mode.

Insert Menu

The Insert pulldown menu contains elements that you can add to a page, including Links and WikiWidgets.

insert_dropdown.png

To use the Insert menu, put the insertion point where you want the new element to appear; be sure the insertion point is surrounded by whitespace, pull down the menu and choose an element to pop up a dialog box. Fill in the text fields in the box and Save the information to insert the element into the page. Many of these dialog boxes have advanced options available if you click "More options".

For a complete description of all the items in this drop-down menu, visit Insert Menu Catalog.

Some WikiWidgets can only be edited in Advanced mode. Mouseover tooltips will tell you when that is needed.

Upload files

If you wish to add files to your page, you need to upload them first. The uploadfiles_btn.png button allows you to do this by activating the "Upload files" dialog box.

uploadfiles.png

The process for uploading files is explained in detail here: Attach a file or image

Add tags

The addtags_btn.png button allows you to add a tag to this page. It opens the following dialog box:

sm_addtags.png

As you begin typing, the dialog box will provide suggestions based on the tags that already exist in the workspace.

sm_addtags.png

Clicking a suggested tag will add that tag. To save your newly entered tag, press Enter or click the Save tag button.

NOTE: All workspace weblog names are also tag names. Assigning a weblog as a tag (e.g. assigning the tag My Weblog) publishes the page to that weblog.

More information on tags can be found here.

Keyboard Shortcuts

Copying and Pasting from Web Pages or Microsoft Word

You can copy text from a browser window or from Word and paste it into Simple mode. Most of the formatting will be preserved.

Preview Mode

WikiWidgets makes the old Gray Dashed Boxes obsolete. All elements will appear as WikiWidgets in Simple mode.

A few WikiWidgets cannot be edited in Simple mode. In order to edit those, it is necessary to switch to Advanced mode. A mouseover tooltip will tell you when that is needed.

By clicking the Preview button (between Save and Cancel ), you can see exactly what the page will look like when you save it. While in Preview mode, click the Edit More button to return to editing.

Simple Mode Editing

Simple mode editing is not intended to be a complete word processor or HTML editor. It allows you to use basic formatting, and shows you formatting changes as you make them.

Here are some hints and tips for Simple mode users:

If you find bugs or problems, please let us know at support@socialtext.com

Wikiwyg (Simple Editing) Open Source Project

Simple mode is based on the Wikiwyg editing tool. Wikiwyg is an open source project led by Socialtext.

Back to Socialtext Documentation

Page Last Updated: Jun 27 4:07pm by System User


Attachments for this page:


Log in - Socialtext v2.22.1.6