Using the Rich Text Editor
|
Your WebCrimson editing interface comes packed with all of the major point-and-click functionality you'll find on your favorite word processing programs plus some special additional features.

If you prefer, you can always switch over to the HTML version and edit the HTML yourself

The best way to familiarize yourself with WebCrimson is just to use it - write a few experimental posts, click on all the buttons, try all the pull-downs, etc. If you'd like a head start, here's an overview of all the features: |
|
Save
Saves any changes you've made in the WebCrimson editing window and keeps you inside the editing window. (The only difference between using this "Save" button and the one at the bottom of your editing window, is the place you end up after you click it. If you click the one at the bottom of your editing window, it saves your changes and brings you back to the page from which you accessed the editing window.)
Use the "Save" button regularly to avoid losing those longer edits! Just click the "Save" button every few minutes while you're writing or editing and all your most recent information will be saved.
A couple things to note when using this feature:
- If you are editing an earlier entry and click the "Save" button, your older entry will be replaced with the updated version (it's just like clicking "save" on your favorite word processor, but we thought we'd point out that you won't be able to restore the older entry).
- When you "Save" your edits, you are not yet submitting them for publication to your web site. If you want to submit your edits for publication, you need to click the "Publish" button at the bottom of your editing window. (Clicking "Publish" will both save your edits and submit them for publication.)
|
|
Spell Check - Coming Soon!
We're integrating point-and-click spell checking right into your edit windows!
As soon as Spell Check is ready, we'll announce it on the site and add it to your account at no additional charge. |
|
Undo (ctrl-z)
Removes your last edit and reverts your entry to however it appeared immediately prior to your last edit. You can undo your last edit also by clicking "ctrl-z" on your keyboard.
Please note: if you use "HTML Edit Mode", you should avoid clicking the "Undo" button immediately after returning to "WYSIWYG Edit Mode". If you click "Undo" immediately after returning to WYSIWYG mode, you may pull all your HTML into the text of your entry (e.g. when you click "Publish", all of your HTML may be published in text format on your site). |
|
Redo (ctrl-y)
Re-inserts the most recent edit that you have removed (by clicking the "Undo" button). You can "Redo" your last edit also by clicking "ctrl-y" on your keyboard. |
|
Cut (ctrl-x)
Removes the highlighted block of content and saves it onto an invisible "clipboard", allowing you to "Paste" the content somewhere else. You can "Cut" a piece of your entry also by highlighting it and clicking "ctrl-x" on your keyboard.
You can also Cut, Copy, and Paste content from any web site and from most documents on your computer directly into your WebCrimson editing window! |
|
Copy (ctrl-c)
Copies the highlighted block of content and saves it onto an invisible "clipboard", allowing you to "Paste" the copied content somewhere else. You can "Copy" a piece of your entry also by highlighting it and clicking "ctrl-c" on your keyboard.
You can also Cut, Copy, and Paste content from any web site and from most documents on your computer directly into your WebCrimson editing window! |
|
Paste (ctrl-v)
Inserts content from your invisible "clipboard" (any content that has recently been "Cut" or "Copied") at the point where your cursor is sitting. You can "Paste" information also by clicking "ctrl-v" on your keyboard.
(Note: you may need to click "ctrl-v" twice in a row to paste your content. If you click it once, and your content does not appear, try clicking it again.)
You can also Cut, Copy, and Paste content from any web site and from most documents on your computer directly into your WebCrimson editing window! |
|
Insert Line
Inserts a horizontal HTML line rule like this:
You can control the color and height of line rules using HTML in "HTML Edit Mode".
|
|
Paragraph Break
Creates a new paragraph that can be formatted differently from the previous paragraph:
Paragraph 1 ("Normal" format) [paragraph break]
- Paragraph 2 ("Bulleted List" format) [paragraph break]
Paragraph 3 ("Normal" format) [paragraph break]
Paragraph Breaks typically insert a full vertical space into your text (as shown above), but you may alter the appearance of Paragraph Breaks using HTML. |
|
Line Break
Pushes your new text onto a new line, but keeps it part of the same paragraph as your previous text (i.e. your new text will use the same paragraph formatting as your previous text):
Line 1 of Paragraph 1 ("Normal" format) [line break] Line 2 of Paragraph 1 (same format)
Note how there is no vertical space between Line 1 and Line 2 above. Line Breaks typically do not insert a full vertical space into your text. If you want to insert a full vertical space, you can use HTML to adjust the default appearance of your line breaks, or you can just insert two line breaks in a row:
Line 1 of Paragraph 1 [line break 1] [line break 2] Line 2 of Paragraph 1 |
|
Bold (ctrl-b)
Converts any highlighted text into Bold style. You can make text bold also by highlighting it and clicking "ctrl-b" on your keyboard. |
|
Italic (ctrl-i)
Converts any highlighted text into Italic style. You can italicize text also by highlighting it and clicking "ctrl-i" on your keyboard. |
|
Underline (ctrl-u)
Converts any highlighted text into Underline style. You can underline text also by highlighting it and clicking "ctrl-u" on your keyboard. |
|
Align Left
Aligns any highlighted content (or any content in the same paragraph as the highlighted content) along the left side of the content area. |
Align Center
Aligns any highlighted content (or any content in the same paragraph as the highlighted content) down the center of the content area. |
|
Align Right
Aligns any highlighted content (or any content in the same paragraph as the highlighted content) along the right side of the content area. |
|
Insert Symbol
Helps you add text symbols that are typically absent or hard to find on your keyboard (e.g. copyright and trademark symbols). |
|
Paragraph Format (pull-down menu)
Lets you change the layout of any paragraph to turn it into a Header format, Bulleted or Numbered list, etc. The most common formats (Bulleted and Numbered lists) have also been turned into buttons. |
|
Font Style (pull-down menu)
Lets you customize the style of your font. |
|
Font Size (pull-down menu)
Lets you customize the size of your font. |
|
Text Color
Lets you change the color of your text. |
|
Highlight Color
Lets you highlight your text in any color you want. |
|
Fill Color - Coming Soon!
We're building a feature that will let you change the background color of the table (or table cell) containing your content. This table cell has been filled with a light blue color.
As soon as Fill Color is ready, we'll announce it on the site and add it to your account at no additional charge. |
|
Numbered List
Lets you change the layout of any paragraph to turn it into a numbered list - helpful for making top ten lists, etc:
- Reason #1 why I like WebCrimson
- Reason #2 why I like WebCrimson ; )
- etc.
|
|
Bulleted List
Lets you change the layout of any paragraph to turn it into a bulleted list - helpful for lists that have no inherent priority:
- Random reason why I use WebCrimson
- Another random reason why use WebCrimson
- etc.
|
|
Indent
Indents any highlighted content (or any content in the same paragraph as the highlighted content). |
|
Decrease indent
Removes or decreases the indent on any highlighted content (or any content in the same paragraph as the highlighted content). |
|
Add Link
Internet Explorer Browsers on a PC
Microsoft technology has made it possible for us to offer "WYSIWYG Edit Mode", an editing interface that hides all HTML!
To create a hyperlink, just select the text you want to turn into a link and click "Add Link". A window will pop up asking you to "Enter link location". Just type in the URL where you want to send anyone who clicks on your link and click "OK". Your new hyperlink will appear in your editing window!
To edit the link, carefully select the full text of your hyperlink and click "Add Link" again. (Note: if you select only part of your hyperlink, you will end up editing only that part. If you select extra text that is not part of your hyperlink, you will end up creating a totally new hyperlink that replaces your existing one).
After you click "Add Link" again, the URL of your hyperlink should appear in the little pop-up window. Just edit it, click "OK", and your edited hyperlink will appear in your editing window.
If you are comfortable using HTML, you can also click to "Edit HTML" and edit your links directly using HTML.
Netscape or Mac Browsers
Netscape and Mac browsers do not support "WYSIWYG Edit Mode" yet. (But we're told that support may be coming soon!)
To help you add and edit links in Netscape or Mac browsers, we've built a set of little pop-up windows that automatically create your hyperlink HTML code for you!
To create a hyperlink:
- First click on "Add Link". A window will pop up asking you to enter a URL. Type it in and click "OK".
- Now a second window will pop up asking you to enter the text that you want to have linked to the URL. Type it in and click "OK".
- Finally a third window will appear with the HTML code of your new hyperlink! You can just copy and paste this code into the HTML of your entry.
|
|
Add Image
We've made it point-and-click easy to add images to any entry. When you click the "Add Image" link, a little window will pop up that lets you add:
- any image that appears on any published web page - including pages on your own site or any other "remote" web site
or (for images that do not yet appear on your own site)
- any other image that is already uploaded to your FTP server
All you have to do is input the location (URL) of the image you want to add.
To find the URL of an image that appears on a published web page:
- If you use Internet Explorer on a PC: Right click on the image and select "Properties". A pop up window should appear that contains the URL of your image (next to the "Address" or "URL" heading)
- If you use Netscape on a PC: Right click on the image and select "View Image". You should be taken to a web page that shows only your image. The URL of that page (in the address bar of your browser) is the URL of your image.
- If you use a Mac: Click and hold on the image, then choose "Open Image in New Window". You should be taken to a web page that shows only your image. The URL of that page (in the address bar of your browser) is the URL of your image.
(Please note: adding images from a "remote" web site, a process called "external linking", may be prohibited under the terms and conditions of the remote site where the image is hosted. WebCrimson asks that you please check and abide by the terms of any remote site before linking to images on that site.)
To find the URL of any image uploaded to your FTP server:
- If the image already appears on your site - you can follow the instructions above to get the image URL
- If the image does not yet appear on your site - just input the FTP directory (folder) location of the image in the following format: /folder/subfolder/imagefilename (e.g. "/images/mypicture.jpg").
WebCrimson will automatically add the rest of the information necessary to create a complete image URL (by adding your "Base URL" to the front of your FTP folder location).
If you are having trouble with this approach to adding images, please check the following:
- Make sure your "Base URL" is correct (if you are not the "Owner" or "Administrator" of this site, you will need to ask your Owner or Administrator to check the Base URL for you)
- Make sure you used the correct spelling and capitalization of each of your folder names (some FTP servers are CaSE sEnsiTive - "folder" is different from "Folder")
- Make sure you used the correct file extension at the end of your image file name (e.g. "image.gif" or "image.jpg")
After you input the URL of the image you want into the appropriate field on your "Add Image" window:
- If you use Internet Explorer on a PC: Just click "Submit", and your picture will appear in your entry.
- If you use Netscape or Macintosh Browsers: Click "Submit", and WebCrimson will generate the HTML for your image. Just copy-and-paste this HTML into your entry. (To see how your picture looks before publishing your post, you can click the "Preview HTML" link in your edit window).
WebCrimson also gives you point-and-click control over two of the most common image formatting options:
- Text Wrapping - Lets you make the text of your entry flow around the image.
- Image Resizing - Lets you change the dimensions of the image to make it appear larger or smaller on your screen.
|
|
Full Screen/Close Full Screen
If you want more room to edit your entries, you can maximize the size of the editing area on your screen by clicking the "Full Screen" link.
To get back to your normal (smaller) editing window, just click "Close Full Screen". |
|
Edit HTML
For those of you who want to view and edit all the HTML behind your entry, you can click the link that says "Click Here to Edit HTML." When you switch to "HTML Edit Mode", you'll notice that most of your WYSIWYG toolbar disappears (the toolbar doesn't work in "HTML Edit Mode"). Fear not! When you return to "WYSIWYG Edit Mode" your entire toolbar will be restored.
When you are finished editing your HTML directly, click the link that says, "Click Here to Use WYSIWYG Edit Mode," to return to WYSIWYG Edit Mode. |
|
What if my question isn't answered here?
If your question isn’t answered here, please visit our WebCrimson Support area where you can find instant answers to the most common questions.
If you have additional questions or need help with a particularly tricky issue, please send an email to . |
| |