July 15, 2011

Rich Text Editor

Important Notes

  • For optimal performance, please make sure you are using a supported browser from the list here.
  • To move to a new line, rather than a new paragraph, use the Shift and Enter keys. Using Enter will create a new paragraph. (more info)
  • In some cases, the default font used for your blog's theme will show in the editor. In other cases, the editor will use a default font (Arial). You do not need to override the default editor font to the font used in your theme. Your posts will use whatever font is set for your theme, unless you specifically override it using the font controls in the editor.
  • In some browsers, text needs to be selected before formatting is applied. The formatting options must be applied to selected text, rather than "turned on" before you type.
  • If you find that the full editor is slow to load or you're seeing slowness while typing text, you may wish to use the light editor. You can click the use the lite editor link to switch to the Rich Text editor with fewer formatting options for quicker loading of the editor.For information on the HTML editing options, see the article on compose formatting options.

Text Formatting

The Formatting menu allows you to add header formatting to text. Headers are used to make a line or lines of text stand out, as a heading to a paragraph or section of text. Header 1 is the largest and Header 6 is the smallest. Highlight your text and select the header size you would like to use from the menu.

From the Font Family menu, choose a different font style to apply to the text. This option overrides the default font style for the theme applied to your blog, Custom CSS, or Typekit.

Select a size from the Font Size menu to increase or decrease the size of the chosen text.


BoldBold
The Bold button makes text bold like this.

ItalicItalic
The Italic button makes text italic like this.

UnderlineUnderline
The Underline button underlines text like this.

SubscriptSubscript
The Subscript button will make the selected text into a subscript, commonly used for items like chemical formulations. Example: H20

SuperscriptSuperscript
The Superscript button will make the selected text into superscript, which is useful for items like dates. Example: April 14th.

Font colorFont Color
The Font Color button opens a color chooser pop-up. Highlight the text with your mouse and in the color chooser, click the color you would like for the text. This will automatically close the color chooser and format your text with the new color.


Background ColorBackground Color
The Background Color button also opens a color chooser pop-up. Highlight your text and in the color chooser, click the color you would like for the background of the text. This will automatically close the color chooser and format your text with the new background color.

Remove FormattingRemove Formatting
Highlight your text and click the Remove Formatting button. This will strip any of the previously selected text formatting.

StrikethroughStrikeThrough
The strikethrough button puts a strike through the text like this.

Paragraph Formatting

AlignmentAlignment
There are four alignment options for your text: left, center, right and justify. Highlight a line or lines of text and click the button for the alignment you'd like to use.

Indent & Outdent
Indent and outdentThe Indent button will move the text in from both sides, so it is indented. This is commonly used to set off a quote or passage.

You can click the Indent button while highlighting a line of text and that will indent that line, or highlight multiple lines to indent all at once. The Outdent button works the opposite of the Indent button, by moving text back to the left and right, removing the indent.

Creating Lists
Creating listsIt is easy to create lists in posts and pages using the List Button. You can create unordered (bulleted) or ordered (numbered) lists. An unordered list uses a bullet character at the beginning of each new list item. An ordered list numbers each list item automatically.

Lists are created as you type or by highlighting existing text. To create a list as you type, click the list button and this will start the list. Type the first item and press Enter on your keyboard. Type the remaining items, pressing Enter after each one. When you are finished with the list, press Enter twice or click the list button again to turn off list formatting.

Create lists from existing text by highlighting the text and clicking the list button to apply list formatting to the highlighted area.

Creating Links

Insert linkTo create an active link, highlight the text that you would like to be the title of the link and click the Insert Link button. You can also open the Insert Link tool without highlighting text and the link will be inserted into the body of the post.

Type in or paste the URL you're linking to as http://www.example.com. If you would like for the link to open a new browser when clicked, check the Open in a new window box. In the Link Text field, enter the text you wish to appear in the post as the active link. The Link Title field will be the text that is shown when the cursor is placed over the link title and is optional. Click Insert Link to add the link to your post.

Please note the full URL is required including http:// for the link or mailto: if you are linking to an email address.

To remove a link, highlight the text and click the Insert Link button. Clear out the URL field and click Insert Link to update the post.

Insert Link

Email Link
Using the Insert Link button, you can also link to an email address. In the URL field, enter mailto: followed by the email address. For example: mailto:deb@empirerecords.biz

Insert Image

Insert Image Click the Insert Image button to choose an image to embed in your post. The maximum file size for an image is 100MB with a Pro plan. Please see our article on inserting an image in a post for more information.

Insert Video

Insert Video Click the Insert Video button to embed a video in your post. The maximum file size for a video is 500MB with a Pro plan. Please see our article on inserting a video in a post for more information.

Insert Audio

Insert Audio Click the Insert Audio button to upload an mp3 or other audio file and embed an audio player in your post. The maximum file size for an audio file is 250MB with a Pro plan. Please see our article on inserting audio in a post for more information.

Insert File

Insert File Click the Insert File button to upload a file from your computer to your post. The file will be included as a download link. The maximum file size is 500MB with a Pro plan. Please see our article on inserting a file in a post for more information.

Split Extended Entry

Split Extended EntryClicking the Split Extended Entry adds a page break to your post which you can drag to the preferred location. The content above the break will be included on the index pages of your blog followed by a Continued reading link to view the full post. Please see our article on using the Split Extended Entry feature for more information.

Check Spelling

SpellcheckUse the spellcheck button to check the spelling of the contents of your post. Misspelled words will be highlighted.

Search


Need design help?

Looking to launch a new blog? Have an itch to tweak your design or layout? Want a superior banner or design custom made specifically for your blog? We've got you covered!

Discover Typepad Services