Aptuitiv Studio Documentation

Overview

Editor
The editor screen in normal view

Our Rich Text Editor allows you to create HTML code by using an interface similar to popular office suites. For advanced users who know HTML markup and are looking for even more control over their content, a source editor is also available.

Read about the toolbar icons.

 

 

 

 

 

 

Spell Check

Firefox and Safari offer built-in spell checking. Misspelled words are underlined in red.  You can get spelling suggestions by holding the CTRL key and right-clicking with your mouse.

Toolbar Icons & Functions

Below are brief descriptions for each of the toolbar icons. While working within the editor, you can always hover the mouse over any icon for a pop-up reminder of it's function.

IMPORTANT - Not all of the icons shown below may be available in your editor.

Toolbar Element Function
Image:Source.gif View or edit the document source code (for users with knowledge of HTML).
Cuts (removes) the selected content and temporarily places adds it to the "clipboard" for you to "paste" elsewhere.
Copies the selected content and temporarily places adds it to the "clipboard" for you to "paste" elsewhere. Unlike "Cut", the "Copied" content is unaltered.
Image:Paste.gif Image:Pastetext.gif Paste the data copied to the clipboard (with or without formatting).
Image:Pasteword.gif Paste content copied from Microsoft Word or similar applications.
Image:Find.gif Find a word or phrase within the document.
Image:Replace.gif Find and replace a word or phrase within the document.
Image:Removeformat.gif Remove the formatting from the highlighted text (i.e. font size, color, etc.).
Toggles the guidelines for invisible elements, such as table row and columns.
Cleans up messy and unnecessary code.
Image:Undo.gif Image:Redo.gif Undo or redo the most recent action taken.
   Add/edit citation element.
  
Add/edit element abbreviation and element acronym
     Add/edit element deletion and insertion of a new element
Add specialized attributes to the selected content, such as class, ID, style, as well as Javascript commands.
Image:Selectall.gif Inserts a non-breaking space ( ).
Image:Textcolor.gif Changes the color of the text.
Image:Bgcolor.gif Changes the background color of the text.
Image:Bold.gif Image:Italic.gif Image:Underline.gif Image:Strikethrough.gif Applies bold, italic, underscore or strikethrough formatting to the highlighted text.
Image:Justifyleft.gif Image:Justifycenter.gif Image:Justifyright.gif Sets the text alignment (left, centered, right, or full).
Image:FCK_style.gif Styles & formatting determine the appearance and semantic value of your document. You may use the drop down boxes to apply styles, set the font, its size, etc. To remove the applied style select the style name again.
Image:Insertorderedlist.gif Image:Insertunorderedlist.gif Creates numbered or bulleted lists.
Image:Outdent.gif Image:Indent.gif Increase or decrease the text indentation.
Image:Blokquote.png Format a block of text to identify quotations (text provenient from other sources).
Image:Link.gif  Image:Unlink.gif Converts or removes the selected text/image to hyperlink. It may also be used to manage file uploads and links to files on the web server.
Image:Anchor.png Inserts or modifies a link anchor.
Image:Image.gif Inserts images into the document. Brings up the Image Properties menu for selected images.
Image:Flash.png For the selected image, allows for more precise control over Image Properties (alignment and margin settings independent for each side.
Insert/edit embedded media, such as Flash, Quicktime, or Schockwave elements.
Image:Subscript.gif Image:Superscript.gif Superscript or subscript the highlighted text.
Image:Specialchar.gif Inserts symbols & special characters (accented characters, trademark, currency symbol, etc.).
Image:Print.gif Inserts a horizontal rule (<hr />).
Image:Maximize.png Maximizes the editor size inside the browser.

Table Functions

 Toolbar Element 
  Function
Image:Table.gif  Creates a table with the defined number of columns and rows.
Allows furter refinement of a table row, such as class assignment, height, alignment, and type (table head, body, or foot).
Edit individual table cell properties
      Insert row before cursor placement, insert row after cursor placement, and delete currently selected row.
     
 Insert column before cursor placement, insert column after cursor placement, and delete currently selected column.
 
 Splits tables cells that have been merged together, and merges selected table cells.

Form Functions

Toolbar Element Function

Insert/edit form.

Insert/edit Input element.

Insert/edit select element.
  Insert/edit text area element.
  Delete the entire selected form.