Posts filed under "Page Editor"
The following article describes the process to link to a file on your website. Remember that in order to use any file on your site (image, PDF, PowerPoint, MS Word, etc.), you must first upload it to your server using the File Manager. The following steps assume that you have already placed the actual file on the web server.
To put it on a page within your group, you can link to it by following these steps:
Determine the location/address (URL) of the file itself:
- Place your cursor where you would like the link in the editor.
- Click the "Image File" button on the editor toolbar. This launches the file browser.
- Browse to the file you would like to link to and select it.
- At the bottom of the file details area there is a link displayed. It says to link to this file, use the following URL. Copy this URL by highlighting it with the mouse, while holding the ctrl key on the keyboard press the C key (this copies the text to the clipboard).
- Close the file browser window popup.
Now that you know the location/address (URL) to the file, you are ready to link to it:
- Go back to the page editor and click the "Hyperlink" button on the editor toolbar. It is a world with a yellow star and what looks to be two links of a chain.
- You will see another popup window. In the link field paste the link you copied by putting your cursor in the link field, while holding the CTRL key on the keyboard, press the V key (this pastes the text from the Windows clipboard).
- Give the link some text by typing your preferred text in the Text field (i.e. "Click here to view the March issue").
- Choose whether or not you would like the document to appear in a new window.
- Click the OK button.
This process builds a hyperlink to your document and places it within the editor.
For more advanced users: If you know and are comfortable with HTML, you can switch the editor to HTML mode and type an anchor tag with an "href" attribute by hand. All files are located in the "uploads" directory.
After pasting text into my page from a Microsoft Word document (or other Microsoft Office application), the layout on my Web page does not look correct. Symptoms may include:
- Text shown in the wrong color, font, or size
- Line spacing irregular, and/or difficult to fix
- Page shows too wide
- Images from the MS Word document do not appear
- Excess code/tags show in the HTML view of the page (especially tags such as
- Other layout problems
Microsoft Word is designed to be a print-based editor, not a Web page editor. Although the MS Word application does include some rudimentary tools for editing Web pages in HTML, these tools should normally be avoided due to the excess code that they produce. Even if you are copying and pasting a document from Word into another Website editing tool (such as SiteOrganic), the excess code from Word will be pasted along with your text. This produces the adverse effects listed above.
Do not copy and paste directly from Microsoft Word. If you do elect to paste information that was taken from Word, the SiteOrganic Web editor will ask the following question:
"The content you are trying to paste has MS Word formatting. Would you like to clean it?"
You should always click the OK button on this question. The result will be that your text will be "cleaned" of the excess text from Word, and will be added to your Web page in a more controllable format. The downside to this approach is that your formatting--fonts, colors, tables, images, bullets, etc.--will not be retained from your Word document. It will be necessary to re-create these formatting settings in your document once you have pasted and cleaned your document.
As an alternative, you may also paste your document into a plain-text editor such as Windows Notepad first, then re-copy and paste it into SiteOrganic. This will have a similar effect to the SiteOrganic "cleaning" procedure mentioned above.