MotorsportReg.com : click to return home
 

Contents

Rich Text Editor

To support customers who are not programmers, we include a rich text editor (CKEditor 3) that provides a familiar word processor-like interface for editing the language of the web, HTML.

You can link to any website or file including PDFs, Word documents and embed web-compatible images like JPG, GIF and PNG. Use this to attach additional forms, supplemental regulations, flyers and more.

Features

We support a limited subset of HTML that you can customize for display within MotorsportReg.com. Basic text formatting, tables and embedding images provide for rich customization as in the screenshot above.

Usage

  1. Referencing documents and images
  2. Adding links
  3. Embedding images
  4. Editing HTML
  5. Pasting from other applications like MS Word

Referencing Documents and Images

At time of writing, MotorsportReg.com does not yet host your documents or images. You must first upload them to a web server. It is beyond the scope of this document to explain how this works so contact your webmaster.

If you do not have a web presence, you can use Wordpress.com which supports browser-based uploading that will eliminate the need for specialized software. It's completely free for up to 3GB of documents.

Adding Links

Begin by selecting the text you want to turn into a link in the editor and then click the second icon on the top row (looks like a chain link). It will pop open the following dialog:

Creating a hyperlink

Save your changes. Note that the link will not work while editing - you must preview it in order to follow it. You can remove a link by selecting the text and clicking the third icon (looks like a broken chain link).

Embedding Images

Any web-compatible image such as JPG, GIF or PNG can be embedded directly into your text and waiver or other copy. Two things to keep in mind:

  1. The width of the image should be less than 450 pixels
  2. Smaller files will download more quickly - watch the file size

Once you have uploaded your image to your web server, click the fourth icon (looks like a mountain with a sun over it) which will open this dialog:

embedding images

It will try to guess the height and width of the image. If it does not, enter the values to make the page load faster.

To wrap the text around the image, set the "Align" option at the bottom to left or right.

Editing HTML

Clicking the "Source" button will enable you to access the HTML source directly. We recommend this for advanced users only.

Pasting from Microsoft Word

Word is a great word processor. It is a horrid, painful pig of an HTML generator. 99% of the difficulties in formatting text in any web-based rich text editor can be traced back to originally copying in text from MS Word.

The below is some sample HTML generated by MS Word during a cut-and-paste. Absolutely none of this is needed. It pollutes your intended formatting and causes unexpected results with non-Microsoft web browsers and email clients. The rich text editor would not have created any of this if used directly:

<p>
	<b><span style="color: rgb(255, 102, 0);"><st1:street w:st="on"> </st1:street></span></b></p>
<h3>
	<b><o:p></o:p></b></h3>
<p>
	 </p>
<p>
	<link href="file:///C:%5CDOCUME%7E1%5CCOMPAQ%7E1.CAR%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml" rel="File-List" /><--[iif gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:PunctuationKerning/>
  <w:ValidateAgainstSchemas/>
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
  <w:Compatibility>
   <w:BreakWrappedTables/>
   <w:SnapToGridInCell/>
   <w:WrapTextWithPunct/>
   <w:UseAsianBreakRules/>
   <w:DontGrowAutofit/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]--><--[iif gte mso 9]><xml>
 <w:LatentStyles DefLockedState="false" LatentStyleCount="156">
 </w:LatentStyles>
</xml><![endif]--><big><style>
<--{ccke_protected}%3C!%2D%2D%7Bcke_protected%7D%253C!%252D%252D%257Bcke_protected%257D%25253C!%25252D%25252D%25257Bcke_protected%25257D%2525253C!%2525252D%2525252D%2525257Bcke_protected%2525257D%252525253C!%252525252D%252525252D%252525257Bcke_protected%252525257D%25252525253C!%25252525252D%25252525252D%25252525257Bcke_protected%25252525257D%2525252525253C!%2525252525252D%2525252525252D%2525252525257Bcke_protected%2525252525257D%252525252525253C!%252525252525252D%252525252525252D%252525252525257Bcke_protected%252525252525257D%25252525252525253C!%25252525252525252D%25252525252525252D%25252525252525257Bcke_protected%25252525252525257D%2525252525252525253C!%2525252525252525252D%2525252525252525252D%2525252525252525257Bcke_protected%2525252525252525257D%252525252525252525253C!%252525252525252525252D%252525252525252525252D%252525252525252525257Bcke_protected%252525252525252525257D%25252525252525252525253C!%25252525252525252525252D%25252525252525252525252D%25252525252525252525257Bcke_protected%25252525252525252525257D%2525252525252525252525253C!%2525252525252525252525252D%2525252525252525252525252D%2525252525252525252525257Bcke_protected%2525252525252525252525257D%252525252525252525252525253C!%252525252525252525252525252D%252525252525252525252525252D%252525252525252525252525257Bcke_protected%252525252525252525252525257D%25252525252525252525252525253C!%25252525252525252525252525252D%25252525252525252525252525252D%25252525252525252525252525257Bcke_protected%25252525252525252525252525257D%2525252525252525252525252525253C!%2525252525252525252525252525252D%2525252525252525252525252525252D%2525252525252525252525252525257Bcke_protected%2525252525252525252525252525257D%252525252525252525252525252525253C!%252525252525252525252525252525252D%252525252525252525252525252525252D%252525252525252525252525252525257Bcke_protected%252525252525252525252525252525257D%25252525252525252525252525252525253C!%25252525252525252525252525252525252D%25252525252525252525252525252525252D%25252525252525252525252525252525257Bcke_protected%25252525252525252525252525252525257D%2525252525252525252525252525252525253C!%2525252525252525252525252525252525252D%2525252525252525252525252525252525252D%2525252525252525252525252525252525257Bcke_protected%2525252525252525252525252525252525257D%252525252525252525252525252525252525253C!%252525252525252525252525252525252525252D%252525252525252525252525252525252525252D%252525252525252525252525252525252525257Bcke_protected%252525252525252525252525252525252525257D%25252525252525252525252525252525252525253C!%25252525252525252525252525252525252525252D%25252525252525252525252525252525252525252D%25252525252525252525252525252525252525257Bcke_protected%25252525252525252525252525252525252525257D%2525252525252525252525252525252525252525253C!%2525252525252525252525252525252525252525252D%2525252525252525252525252525252525252525252D%2525252525252525252525252525252525252525257Bcke_protected%2525252525252525252525252525252525252525257D%252525252525252525252525252525252525252525253C!%252525252525252525252525252525252525252525252D%252525252525252525252525252525252525252525252D%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252520%252525252525252525252525252525252525252525252F*%2525252525252525252525252525252525252525252520Style%2525252525252525252525252525252525252525252520Definitions%2525252525252525252525252525252525252525252520*%252525252525252525252525252525252525252525252F%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252520p.MsoNormal%252525252525252525252525252525252525252525252C%2525252525252525252525252525252525252525252520li.MsoNormal%252525252525252525252525252525252525252525252C%2525252525252525252525252525252525252525252520div.MsoNormal%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509%252525252525252525252525252525252525252525257Bmso-style-parent%252525252525252525252525252525252525252525253A%2525252525252525252525252525252525252525252522%2525252525252525252525252525252525252525252522%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509margin%252525252525252525252525252525252525252525253A0in%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509margin-bottom%252525252525252525252525252525252525252525253A.0001pt%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509mso-pagination%252525252525252525252525252525252525252525253Awidow-orphan%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509font-size%252525252525252525252525252525252525252525253A12.0pt%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509font-family%252525252525252525252525252525252525252525253A%2525252525252525252525252525252525252525252522Times%2525252525252525252525252525252525252525252520New%2525252525252525252525252525252525252525252520Roman%2525252525252525252525252525252525252525252522%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509mso-fareast-font-family%252525252525252525252525252525252525252525253A%2525252525252525252525252525252525252525252522Times%2525252525252525252525252525252525252525252520New%2525252525252525252525252525252525252525252520Roman%2525252525252525252525252525252525252525252522%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525257D%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252540page%2525252525252525252525252525252525252525252520Section1%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509%252525252525252525252525252525252525252525257Bsize%252525252525252525252525252525252525252525253A8.5in%252525252525252525252525252525252525252525252011.0in%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509margin%252525252525252525252525252525252525252525253A1.0in%25252525252525252525252525252525252525252525201.25in%25252525252525252525252525252525252525252525201.0in%25252525252525252525252525252525252525252525201.25in%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509mso-header-margin%252525252525252525252525252525252525252525253A.5in%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509mso-footer-margin%252525252525252525252525252525252525252525253A.5in%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509mso-paper-source%252525252525252525252525252525252525252525253A0%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525257D%252525252525252525252525252525252525252525250Adiv.Section1%252525252525252525252525252525252525252525250A%2525252525252525252525252525252525252525252509%252525252525252525252525252525252525252525257Bpage%252525252525252525252525252525252525252525253ASection1%252525252525252525252525252525252525252525253B%252525252525252525252525252525252525252525257D%252525252525252525252525252525252525252525250A%252525252525252525252525252525252525252525252D%252525252525252525252525252525252525252525252D%252525252525252525252525252525252525252525253E%2525252525252525252525252525252525252525252D%2525252525252525252525252525252525252525252D%2525252525252525252525252525252525252525253E%25252525252525252525252525252525252525252D%25252525252525252525252525252525252525252D%25252525252525252525252525252525252525253E%252525252525252525252525252525252525252D%252525252525252525252525252525252525252D%252525252525252525252525252525252525253E%2525252525252525252525252525252525252D%2525252525252525252525252525252525252D%2525252525252525252525252525252525253E%25252525252525252525252525252525252D%25252525252525252525252525252525252D%25252525252525252525252525252525253E%252525252525252525252525252525252D%252525252525252525252525252525252D%252525252525252525252525252525253E%2525252525252525252525252525252D%2525252525252525252525252525252D%2525252525252525252525252525253E%25252525252525252525252525252D%25252525252525252525252525252D%25252525252525252525252525253E%252525252525252525252525252D%252525252525252525252525252D%252525252525252525252525253E%2525252525252525252525252D%2525252525252525252525252D%2525252525252525252525253E%25252525252525252525252D%25252525252525252525252D%25252525252525252525253E%252525252525252525252D%252525252525252525252D%252525252525252525253E%2525252525252525252D%2525252525252525252D%2525252525252525253E%25252525252525252D%25252525252525252D%25252525252525253E%252525252525252D%252525252525252D%252525252525253E%2525252525252D%2525252525252D%2525252525253E%25252525252D%25252525252D%25252525253E%252525252D%252525252D%252525253E%2525252D%2525252D%2525253E%25252D%25252D%25253E%252D%252D%253E%2D%2D%3E-->
</style></big><style></style><--[iif gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
	{mso-style-name:"Table Normal";
	mso-tstyle-rowband-size:0;
	mso-tstyle-colband-size:0;
	mso-style-noshow:yes;
	mso-style-parent:"";
	mso-padding-alt:0in 5.4pt 0in 5.4pt;
	mso-para-margin:0in;
	mso-para-margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	
	font-family:"Times New Roman";
	mso-ansi-language:#0400;
	mso-fareast-language:#0400;
	mso-bidi-language:#0400;}
</style>
<![endif]--></p>

There are so many things wrong with this code, it's hard to know where to begin. Suffice to say, if you choose to paste from Word, you may be asking for pain and suffering. We try our best to clean it up but it is not easy.

Workaround

A workaround is to first paste your MS Word content into a plain text editor. If you use Windows, you can find "NotePad" under Start -> Programs -> Accessories. By first pasting your content into a text editor, it will strip all of the Word formatting. Then you can paste into the rich text editor and add formatting using the toolbars.

Alternatively, create your content by hand in a layout that makes sense for the web. After doing it once, you will be able to clone events making this a one-time-only effort.

Update: A web-based tool MangleBracket may be able to clean your Word files and generate proper HTML. Please let us know if this works for you.

Workaround #2

  1. Save your MS Word document as an HTML file
  2. Go to http://infohound.net/tidy/ and upload that file from your HD. Check the options as listed. Most importantly: "Clean", "Word 2000", "Output XHTML", "Drop empty paras" and set "Indent" to "no":
  3. Run it. Select the link at the top to "View Tidied file".
  4. In the resulting window, you want to select the HTML starting after the <body> tag from

which will be on around line 20-25. Select that all the way to the bottom before the </body> tag and copy it.

  1. In text box on MSR, click the "Source" button so you see the source.
  2. Hit CTRL+A to select all of that text, and delete it.
  3. Paste in the HTML you copied from the previous screen.
  4. Save it.
  5. Go back the preview and see if it looks better. Let us know how this works or doesn't work for you.
tags Explore related help by tag: Webmaster