|
Browse Support
|
The Intra Editor
|
The Intra Editor is a powerful WYSIWYG editor that allows for quick and easy word-processing with basic and advanced formatting options. The IntraEditor also has tools to allow easy linking to documents and pages within Noodle. This page will explain how to format text, pictures and even apply colors to the document background.
'Save' and 'Save and Close'
Intra Editor now allows users to save their work during a Noodle session without having to reload a document. IntraEditor now features a 'Save' button that allows users to preserve their work in case of disaster. Pressing this button will simply store the current content of the main IntraEditor window and allow the user to continue. Using the 'Save and Close' button will save the item and then close the Intra Editor.
Formatting Text
The Intra Editor has a number of useful formatting options. Many of which are identical to many Microsoft Word formating options such as bold and underline. There are 5 toolbars used with the editor, 2 at the top row, 1 in the center and 2 on the lowest row.
Row One - Left Side
- Cut/Copy/Paste - Copy or Move text around the document or to and from another source
- Select All - Highlight everything currently in the document.
- Print - This will display the Print dialog box to allow users to print the document on a local or network printer.
- SpellCheck - This option allows the user to check the accuracy of the spelling in the document. Many Firefox installations will have a built-in spellchecker that IntraEditor will use. Internet Explorer may require the download of a plug-in that provides this functionality.
- Undo/Redo - These options allow the user to undo or redo the last action performed. Useful for getting out of sticky situations.
- Find - Allows the User to specify a string to search for within the document body.
Row One - Right Side
- Bold - Used to highlight words/phrases and make titles stand out.
- Italic - Used to place emphasis on a word or phrase.
- Underline - Used to emphasise a word and on titles.
Strikethrough - Used for placing a line through the middle of text.
- Superscript - Used to raise the height of text.
- Subscript - Used to lower the height of text.
- Numbered/Bulleted Lists - Used to create numbered and non-number format lists.
- Increase/Decrease Indent - Used to raise the height of text.
- Left/Centre/Right Justify - Align the text either to the left, center or right of the page.
Row Two
- Style - Chose from a number of text enhancements including pre-set font changes, highlighting and more.
- Format - More text formatting including pre-set Headers, address styling and more.
- Font - Choose a font for the text.
- Size - Specify the size of the font begin used.
- Text Color - Specify the color of the font.
- Background Color - This option allows the user to specify a background color for the font. This option will only provide a background color for the text and not for the entire document.
- Remove Formatting - This option will allow for all formatting to be removed from an area of selected text.
Row Three
This row contains options that allow the user to link to objects around Noodle and also to external images and files. Following is an explanation on each of these options and how to use them:
-
Link - This allows the user to create a hyperlink within a document. Various options are available to customize links:
To create a link begin by highlighting the text in the document from which the User will be redirected when clicking. With the text still highlighted, click the Link button.
Now the link target may be specified by using the Link Info tab from the new Link window. The first option is a checkbox that allows the user to specify the type of link:
- URL - This option allows the user to specify an external or Noodle URL. If the link is to go to an external URL (not a Noodle location), simply enter the URL into the URLtextbox and click OK. If the link is to an internal (Noodle) address, the user may also use the Browse Server button to explore Noodle and choose the desired destination.
- Link to Anchor... - This option allows the user to specify a link to an Anchor within a document. Instructions on creating an anchor can be found here.
- Email - This option gives the user the ability to create a mailto: link within a document. Once this option is chosen from the drop-down box, the email address, subject and body can be specified. When this link is clicked, the user's default email client will open up a new mail window and use the information provided by Noodle to populate the fields specified.
Once the link information has been specified, the Avanced tab can be used to specify fuurther parameters for the link. A user may assign an ID, name, access key amongst others to give greater control to themselves and other users.
-
Remove Link - This will remove any hyperlinks associated with selected text. Simply highlight the text with the link you wish to remove and press the button.
-
Image - This option allows the user to place an image in a document from either an external location or an image in a Noodle Folder or Photo Album.
To place an image in a document, begin by placing the cursor in the location where the image will be and click the Image button. This will then bring up a new window where the following paramters may be set:
- URL - This option allows the user to place a link to an image on the World Wide Web or even on a local network.
- Alternative Text - This allows the user to specify text that will be shown when the mouse pointer is held over the image.
- Height/Width - These options allow the User to restrict the aize of the image as it will appear on the page.
- Border - This option allows the user to specify the width of a border which will be placed around the image.
- HSpace/VSpace - These options allow the user to specify how much padding (empty space) will be around the image.
-
Align - This option allows the user to specify how the image will be positioned. Choose from the following options:
- Left - This option places the picture on the left of he document.
- Abs. Bottom - Places the image at the absolute end of the document, below all text.
- Abs. Middle - Places the image in the middle of the document.
- Baseline - Places the image inline with the bottom of the text.
- Bottom - Places the image at the bottom of the text.
- Middle - Places the image in the center of the document.
- Right - Places the image to the right of the document.
- Text Top - Aligns the tallest text with the top of the image.
- Top - Places the image at the top of the document.
Once the user is satisfied with the option configuration, press OK to finalise and place the image on the document.
-
Table - This button allows the user to specify parameters for a table they wish to be placed in their document. A new window will appear when the button is pressed that gives the user the following options:
- Rows/Columns - Specify the number of rows and columns in the table.
- Width - Allows the user to specify the width of the table. This can be expressed in pixels or as a percentage of the document. Change the format in the drop-down box next to the textbox.
- Border Size - Specify the width of the table border in pixels.
- Alignment - Specify whether the table will be aligned to the left, center or right of the page.
- Cell Spacing - This option allows the user to specify the distance between cells, in pixels.
- Cell Padding - This option allows the user to specify ho much whitespace will be between the cell content and the cell border.
- Caption - The Caption is a line of text that is placd above the table in the document to explain the at it contains.
- Summary - The Summary is a paragraph that explains the table in more detail. This is not shown on the page.
-
Insert Horizontal Line - Places a horizontal line on the document.
-
Blockquote - Inserts a Blockquote in the document by tabbing any selected text once to the right
-
Insert Smiley - Choose from a preloaded collection of smiley images that can be inserted into a document.
-
Insert/Edit Anchor - This option allows the user to insert an anchor into a document. An anchor is used in conjunction with hyperlinks to allow users to navigate around a page with ease. Simply click this button and assign a name to the anchor in the new window. This can then be used when creating a link.
-
Insert Special Character - This allows the user to select from a number of special characters that can be placed within a document. This tool is very similar to the 'Character Map' found on Windows computers.
-
Form - This option allows the user to create a form on Noodle that can be used to collect and organize information. Pressing this button will bring up a new window that allows the user to specify the following:
- Name - This allows the user to specify a name for the form.
- Action - This field allows the user to specify the location of the file that will handle the information from the form once it has been submitted. This could be a PHP script that writes information to a file or displays information on a webpage.
-
Method - This drop-down box allows the user to specify how information submitted from the form will be handled:
- Get - This method is used when a webpage will be returned from the server or when user information is to be sent from a webpage to a server. This method encodes the data into a URL and is primarily used for retrieving data.
- Post - Using this method will ensure that the form data will appear in the message body. This method is used for storing or updating data, ordering products from an online store or sending email.
-
Checkbox/Radio Button/Text Field/Textarea/Selection Field/Button/Hidden Field - These options are all used in conjunction with the Form option.
-
Show Blocks - Pressing this button reveals where certain containers, such as paragraphs, have been placed on the page.
-
Content Templates - This option provides the user with 3 pre-made templates for designing a webpage.
WARNING: Selecting a template to be used on a page will delete all current page content unless the Replace Actual Contents checkbox is unchecked.
-
Source - This button allows the user to view and modify the HTML code that has been generated by the toolbar options. Users familiar with the HTML language may also choose to use this option to create the page entirely.
-
Maximize the Editor Size - This option allows the user to increase the size of the FCKEditor as viewed in the main window and removes the Title textbox, Save, Save and Close and Close buttons as well as certain scrollbars.
|
|