Content

Overview

SDI Maintenance Pages

Attachments

eForms Form Builder

ELN Controls

Phrases

Phrase Suggestion

LabVantage TinyMCE Plugins

Third-Party TinyMCE Plugins

 
 

 

   

 

Overview

Top ../images/arwup.gif (846 bytes)

The Formatted Text Editor is used to insert formatted HTML into selected areas of the LabVantage application. This editor is based on the Ephox TinyMCE HTML editor. This document covers additional features and behaviors of TinyMCE that are provided in the Labvantage OOB configuration, and identifies plugins and buttons using the following conventions:

normal text Provided by Ephox in the TinyMCE editor.
bold red text LabVantage plugins added to the TinyMCE editor.
bold green text Third-party plugins added to the TinyMCE editor.
Pipe (|) Denotes a toolbar or menu separator.

 

SDI Maintenance Pages

Top ../images/arwup.gif (846 bytes)

Configured in the maint Element, the "formattedtext" Column Mode uses the "PRINTABLE" mode of the TinyMCE editor control. This renders a basic set of toolbar buttons that can be printed by the LabVantage Reporting framework.

TinyMCE Plugins code lists paste textcolor colorpicker table advlist
TinyMCE Toolbar Buttons undo | bold italic underline | alignleft aligncenter alignright alignjustify | fontsizeselect forecolor | bullist numlist outdent indent | table

 

Attachments

Top../images/arwup.gif (846 bytes)

In Attachment pages, the "Rich Text" Attachment Type uses the "FULL" mode of the TinyMCE editor control. This editor offers more support than the implementation provided for SDI Maintenance pages, as it does not exclude unprintable formatting.

TinyMCE Plugins advlist autolink lists link image charmap anchor searchreplace visualblocks textcolor colorpicker code fullscreen insertdatetime media table paste code imagetools lv_insert
TinyMCE Toolbar Buttons Line 1: undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | link image

Line 2: fontselect fontsizeselect forecolor | bullist numlist outdent indent

TinyMCE Menu Bar Edit: undo redo | cut copy paste pastetext | selectall

Insert: link media | lv_insertphrase

NOTE:Note that "Insert Phrase" inserts predefined Phrases into the editor. These are configured through the "Phrases for Rich Text" collection in the Attachment Policy.

Format: bold italic underline strikethrough superscript subscript | formats | removeformat

Table: inserttable tableprops deletetable | cell row column

 

eForms Form Builder

Top../images/arwup.gif (846 bytes)

Overview

 

The eForms Form Builder used for Forms and Formlets uses TinyMCE configurations that offer advanced controls required for creating and maintaining Forms.

Several modes of the Editor are used depending on area of functionality as described below.

Forms Launched from Form Maintenance

 

Forms launched from Form Maintenance uses the "FORM" mode of the TinyMCE editor control.

TinyMCE Plugins advlist autolink lists link image charmap print preview hr anchor visualblocks visualchars code insertdatetime media nonbreaking save table directionality emoticons template paste textcolor colorpicker

textpattern imagetools lv_pageslv_forms lv_insert autosave

TinyMCE Toolbar Buttons Line 1: lv_addpage | restoredraft | undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | link image lv_draw hr charmap lv_button

Line 2: fontselect fontsizeselect forecolor backcolor | bullist numlist outdent indent | lv_fields lv_controlledlv_label | lv_formlet

TinyMCE Menu Bar Pages: lv_addpagelv_editpage lv_removepage

Edit: undo redo | cut copy paste pastetext | selectall

Insert: link anchor | image hr charmap lv_insertdivlv_insertfieldset lv_button | lv_inserthtml lv_insertdocument

View: visualaid

Format: bold italic underline strikethrough superscript subscript | formats | removeformat

Table: inserttable tableprops deletetable | cell row column

Forms Launched in the Web Page Designer

 

Forms launched in the Web Page Designer (such as the eFormStep Workflow Task Step Definition) use the "SIMPLEFORM" mode of the TinyMCE editor control.

TinyMCE Plugins advlist autolink lists link image charmap print preview hr anchor visualblocks visualchars code insertdatetime media nonbreaking save table directionality emoticons template paste textcolor colorpicker textpattern imagetools lv_pages lv_formslv_insert autosave
TinyMCE Toolbar Buttons Line 1: restoredraft | undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | link image lv_draw hr charmap lv_button

Line 2: fontselect fontsizeselect forecolor backcolor | bullist numlist outdent indent | lv_fields lv_controlledlv_label

NOTE:lv_addpage and lv_formlet buttons are missing from FORM to SIMPLEFORM.
TinyMCE Menu Bar Edit: undo redo | cut copy paste pastetext | selectall

Insert: link anchor | image hr charmap lv_insertdivlv_insertfieldset lv_button | lv_inserthtml lv_insertdocument

View: visualaid

Format: bold italic underline strikethrough superscript subscript | formats | removeformat

Table: inserttable tableprops deletetable | cell row column

NOTE:The "Page" menu is missing from FORM to SIMPLEFORM.

Forms Launched from the ELN Form Control

 

Forms launched from the Form Control use the "SIMPLEFORM" mode of the TinyMCE editor control.

TinyMCE Plugins advlist autolink lists link image charmap print preview hr anchor visualblocks visualchars code insertdatetime media nonbreaking save table directionality emoticons template paste textcolor colorpicker textpattern imagetools lv_pages lv_formslv_insert autosave
TinyMCE Toolbar Buttons Line 1: restoredraft | undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | link image hr charmap

Line 2: fontselect fontsizeselect forecolor backcolor | bullist numlist outdent indent | lv_elnfields lv_label

NOTE:lv_addpage, lv_button, lv_draw, lv_controlled and lv_formlet buttons are missing from FORM to ELNFORM. Also lv_fields is swapped for lv_elnfields.
TinyMCE Menu Bar Edit: undo redo | cut copy paste pastetext | selectall

Insert: link anchor | image hr charmap lv_insertdivlv_insertfieldset lv_button | lv_inserthtml

View: visualaid

Format: bold italic underline strikethrough superscript subscript | formats | removeformat

Table: inserttable tableprops deletetable | cell row column

NOTE:The "Page" menu is missing and lv_insertdocument is missing from the "Insert" menu in FORM to ELNFORM.

Forms Launched from Formlet Maintenance

 

Formlets use the "FORMLET" mode of the TinyMCE editor control.

TinyMCE Plugins advlist autolink lists link image charmap print preview hr anchor visualblocks visualchars code insertdatetime media nonbreaking save table directionality emoticons template paste textcolor colorpicker textpattern imagetools lv_pages lv_formslv_insert autosave
TinyMCE Toolbar Buttons Line 1: restoredraft | undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | link image lv_draw hr charmap lv_button

Line 2: fontselect fontsizeselect forecolor backcolor | bullist numlist outdent indent | lv_fields lv_controlledlv_label

NOTE:lv_addpage and lv_formlet buttons are missing from FORM to FORMLET.
TinyMCE Menu Bar Edit: undo redo | cut copy paste pastetext | selectall

Insert: link anchor | image hr charmap lv_insertdivlv_insertfieldset lv_button | lv_inserthtml lv_insertdocument

View: visualaid

Format: bold italic underline strikethrough superscript subscript | formats | removeformat

Table: inserttable tableprops deletetable | cell row column

NOTE:The "Page" menu is missing from FORM to FORMLET.

Property Editors in Property Trees

 

Certain Property Trees (such as editing the HTML content for the HTMLStep Workflow Task Step Definition) use the editor in either of two modes as described below.

"PRINTABLE" mode:

TinyMCE Plugins code lists paste textcolor colorpicker table advlist
TinyMCE Toolbar Buttons undo | bold italic underline | alignleft aligncenter alignright alignjustify | fontsizeselect forecolor | bullist numlist outdent indent | table

"FULL" mode:

TinyMCE Plugins advlist autolink lists link image charmap anchor searchreplace visualblocks textcolor colorpicker code fullscreen insertdatetime media table paste code imagetools lv_insert
TinyMCE Toolbar Buttons Line 1: undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | link image

Line 2: fontselect fontsizeselect forecolor | bullist numlist outdent indent

TinyMCE Menu Bar Edit: undo redo | cut copy paste pastetext | selectall

Insert: link media | template hr

Format: bold italic underline strikethrough superscript subscript | formats | removeformat

Table: inserttable tableprops deletetable | cell row column

 

ELN Controls

Top../images/arwup.gif (846 bytes)

Inserting a Rich Text Control into an ELN/LES Worksheet renders the editor in "EXPANDABLE" mode. This mode is an advanced custom mode using an internal LabVantage plugin to expand the toolbar.

TinyMCE Plugins advlist autolink lists link charmap print preview hr anchor pagebreak visualblocks visualchars code insertdatetime media nonbreaking save table directionality emoticons template paste textcolor colorpicker textpattern image imagetools lv_pageslv_forms lv_insertlv_more autosave leaui_formula
TinyMCE Toolbar Buttons

Line 1: restoredraft | undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | fontselect fontsizeselect forecolor backcolor | image leaui_formula | lv_more

Line 2: bullist numlist outdent indent | link lv_draw hr charmap insertdatetime lv_insertdocument media | table

TinyMCE Menu Bar Edit: undo redo | cut copy paste pastetext | selectall

Insert: link anchor | image media hr charmap lv_insertdivlv_insertfieldset | lv_inserthtmllv_insertdocument

View: visualaid

Format: bold italic underline strikethrough superscript subscript | formats | removeformat

Table: inserttable tableprops deletetable | cell row column

 

Phrases

Top../images/arwup.gif (846 bytes)

Phrases use a modification of the SDI Maintenance page editor.

TinyMCE Plugins code lists paste textcolor colorpicker table advlist
TinyMCE Toolbar Buttons undo | bold italic underline | alignleft aligncenter alignright alignjustify | fontsizeselect forecolor | bullist numlist outdent indent | table lv_insertphrase

 

Phrase Suggestion

Top../images/arwup.gif (846 bytes)

The Formatted Text Editor supports Phrase suggestion in all places where the editor is used. Suggestion is triggered by the CTRL+Space key combination.

The last word is used as initial suggestion input. If the last word matches one and only one Phrase Short Cut, the word is replaced with the Phrase plain (or formatted) text without offering suggestions. If the Phrase Short Cut is not a direct match, the suggestion editor opens with the last word as input to wildcard search to the keyword and Phrase text. You can continue to enter text to narrow down or broaden the suggestion list.

 

LabVantage TinyMCE Plugins

Top../images/arwup.gif (846 bytes)

LabVantage plugins to TinyMCE are summarized below. All LabVantage plugins begin with the "lv_" prefix. They are highlighted in bold red text in the preceding sections to make them conspicuous.

Plugin Buttons Menus Description
lv_pages lv_addpage lv_addpage

lv_editpage

lv_removepage

Manages the addition, editing and removal of pages. These are used specifically in Forms to allow paging of content.
lv_forms lv_formlet

lv_button

lv_fields

lv_elnfields

lv_controlled

lv_savefield

lv_editfield

lv_editsimplefield

lv_formelement

lv_addtogroup

lv_saveformlet

lv_refreshformlet

lv_locksection

lv_unlocksection

lv_refreshfield

lv_rowsection

lv_tablesection

lv_divsection

lv_label

lv_button Inserts and manages Labvantage Forms. Allows insertion of Fields (lv_fields or lv_elnfields) and additional content used by the Form Builder. Some buttons are used on the main toolbar, whereas others (such as lv_unlocksection) are used on context toolbars when an item is selected. lv_fields and lv_elnfields are dropdown buttons offering additional items.
lv_insert lv_insertdocument

lv_draw

lv_originalimage

lv_insertdocument Extends the ability to insert content into TinyMCE. The insertdocument button and menu item allow import from Word using the Aspose third-party library. The draw and orginalimage toolbar buttons are added to the image context toolbar (or lv_draw to the main toolbar). The draw button allows markup of images in the editor, whereas the orginalimage button allows markup to be cleared and reverts the image back to its orginal state.
lv_more lv_more None Extends the editor to give a single ellipsis button that allows toolbars to be collapsed on initial load and expanded onClick of the button to show additional toolbars and menus.

 

Third-Party TinyMCE Plugins

Top../images/arwup.gif (846 bytes)

Third-party plugins to TinyMCE are summarized below.

Plugin Buttons Menus Description
leaui_formula leaui_formula leaui_formula Inserts mathematical formulas into the TinyMCE editor. This launches a simple formula editor that converts the formula into an image, which is inserted into the editor.

For more information, see http://preview.codecanyon.net/item/tinymce4-formula-editor/full_screen_preview/10917683?_ga=1.232778335.1764640077.1476177996.