Aptuitiv Studio Documentation

Rich Text Editor

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.

 

 

 

 

 

 

 

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 advanced users).
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:Undo.gif Image:Redo.gif Undo or redo the most recent action taken.
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:Selectall.gif Select the entire text in the document.
Image:Removeformat.gif Remove the formatting from the highlighted text (i.e. font size, color, etc.).
Image:Bold.gif Image:Italic.gif Image:Underline.gif Image:Strikethrough.gif Applies bold, italic, underscore or strikethrough formatting to the highlighted text.
Image:Subscript.gif Image:Superscript.gif Superscript or subscript the highlighted text.
Image:Insertorderedlist.gif Image:Insertunorderedlist.gif Creates numbered or bulleted lists.
Image:Outdent.gif Image:Indent.gif Increase or decrease the text indentation.
Image:Print.gif Prints the content.
Image:Justifyleft.gif Image:Justifycenter.gif Image:Justifyright.gif Sets the text alignment (left, centered, or right).
Image:Link.gif Image:Unlink.gif Converts or removes the text in hyperlinks. 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.
Image:Flash.png Inserts a Adobe Flash element into the page.
Image:Table.gif Creates a table with the defined number of columns and rows.
Image:Inserthorizontalrule.gif Inserts a divider line (horizontal rule).
Image:Specialchar.gif Inserts symbols & special characters (accented characters, trademark, currency symbol, etc.).
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:Textcolor.gif Changes the color of the text.
Image:Bgcolor.gif Changes the background color of the text.
Image:Maximize.png Maximizes the editor size inside the browser.
Image:Blokquote.png Format a block of text to identify quotations (text provenient from other sources).
Image:Show_blocks.png Shows where the block elements boundaries are in the text.

Form Functions

Toolbar Element Function
Image:Form.png Creates a new form block into the page.
Image:Checkbox.png Inserts a checkbox to the page.
Image:Radiobutton.png Inserts a radio button to the page.
Image:Textfield.png Inserts a text field into the page.
Image:Textarea.png Inserts a multi-line text area into the page.
Image:Selection_field.png Inserts a selection field into the page.
Image:Button.png Inserts a form button into the page.
Image:Hidden.png Inserts a hidden field into the page.