Formatted Text Editor |
Content |
||||||||||||||||||||||||||||||||||
|
Overview |
|
|
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 |
|
|
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 |
|
|
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
Format: bold italic underline strikethrough superscript subscript | formats | removeformat Table: inserttable tableprops deletetable | cell row column |
eForms Form Builder |
|
|
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
|
||
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
|
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
|
||
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
|
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
|
||
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
|
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 |
|
|
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 |
|
|
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 |
|
|
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 |
|
|
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 |
|
|
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. |