Use text widgets to add / update text to a record.
Labii ELN & LIMS supports a list of the Text widgets for you to choose to document text data.
Category | Widget | Type | Description |
Text | Section | Plain text/markdown editor | |
Text | Draft.js | Section | Rich text editor, this widget is deprecated |
Text | Section | Smart WYSIWYG HTML editor | |
Text | Section | Rich text editor with balloon toolbar | |
Text | Section | Document editing representing the layout of a sheet of paper | |
Text | Section | Parts of a document can be editable |
Besides the above widgets, Labii also supports Google Docs and Microsoft Word.
The Plain Text widget is more like a text box. It is simple, light. It also supports markdown. Plain Text is good for those fields that accept simple text data and for those developers that prefer markdown.
To use it:
Click the 'edit' icon to edit the text.
Type in the text or drag a *.docx, *.txt, *.md file to import
Click the Submit button to save.
Once submitted, the markdown will be parsed directly:
Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences. The widget can be added via this guideline.
Heading: H2, H3
Bold
Italic
Underline
Subscript, Superscript
Bulleted List, Numbered List
Quote
Code Block
Mention
The text can be edit directly when loaded
Select text and click a button at the toolbar to change the format
Select or drag a *.docs, *.txt, *.md file to import
Click Save to save. If nothing changed, the save button is disabled.
Click Restore to restore unsaved data. If the window is closed accidentally, or if you forget to save the data, the editor will save a copy of the data in your local storage. The Unsaved data can be restored the next time when you are editing the section.
Mention is also supported in Rich Text (Draft.js) widget. Type @
to initial the mention, type words after @ to search. Two types of data can be mentioned.
Records. A list of records will show up. Once selected, the mentioned item is clickable.
Members. A list of members will show up. Once selected, the member will receive an email notification.
This widget is depracated. We encourage you using other widgets.
CKEditor is a WYSIWYG rich text editor which enables writing content directly inside of web pages or online applications.
Compare to Draft.js, CKEditor contains more features:
Undo, Redo
Heading
Font
Font Size
Font Family
Font Color
Font Background Color
Alignment
Bold
Italic
Underline
Strikethrough
Subscript, Superscript
Restricted Editing
Remove Format
List
Bulleted List
Numbered List
Indent
Outdent
Image Upload
Block Quote
Table
Code, Code Block
Link
Page Break
Special Characters
Math
Chemical Structure
Export
Export PDF
Export Word
To use it:
The text can be edit directly when loaded
Select text and click a button at the toolbar to change the format
Select or drag a *.docs, *.txt, *.md file to import
Select or drag a *.tsv, *.csv, *.xlsx file to import existing table
Select or drag a *.jpg, *.png, *.jpeg, *.gif, *.bmp to insert a picture
Click Save to save. If nothing changed, the save button is disabled.
Click Restore to restore unsaved data. If the window is closed accidentally, or if you forget to save the data, the editor will save a copy of the data in your local storage. The Unsaved data can be restored the next time when you are editing the section.
The Image is supported in CKEditor Classic. Select or drag a *.jpg, *.png, *.jpeg, *.gif, *.bmp to insert a picture. You also have the option to align the images and add a caption to the images.
The Table can be inserted into the CKEditor Classic. A table can also be imported via selecting or drag a *.tsv, *.csv, *.xlsx file.
Similar to Draft.js, the CKEditor Classic supports two different mentions, but with different triggers:
Records. A list of records will show up. Use #
to trigger. Once selected, the mentioned item is clickable.
Members. A list of members will show up. Use @
to trigger. Once selected, the member will receive an email notification.
CKEditor Balloon editor lets you create your content directly in its target location with the help of a balloon toolbar that appears next to the selected editable document element. It supports all features described in the CKEditor Classic.
Font
Font Size
Font Color
Font Background
Alignment
Bold
Italic
Underline
Strikethrough
Subscript, Superscript
Block Quote
Code Block
List
Bulleted List
Numbered List
Indent
Outdent
Image upload
Table
Link
To use it:
The text can be edit directly when loaded
Select text and click a button at the toolbar to change the format
Select or drag a *.docs, *.txt, *.md file to import
Click Save to save. If nothing changed, the save button is disabled.
Click Restore to restore unsaved data. If the window is closed accidentally, or if you forget to save the data, the editor will save a copy of the data in your local storage. The Unsaved data can be restored the next time when you are editing the section.
CKEditor Document is a feature-rich build focused on rich text editing experience similar to the native word processors. It works best for creating documents that are usually later printed or exported to PDF files.
This widget has all functionalities from CKEditor Classic.
The restricted editing feature allows you to define which parts of a document can be editable for a group of users who have more restricted editing rights.
In order to do that, this feature introduces two editing modes:
Standard editing mode – In this mode, the user can freely edit the content and choose regions that should be editable in the restricted editing mode. Please use all other CKEditor widgets for the standard editing mode:
Restricted editing mode – When the editor is initialized in this mode, the user can only edit the content within the regions chosen by the user in the standard editing mode.
How to use:
Create a source section with one of CKEditor widgets, fill in all necessary value.
Use the Restricted Editing Exception to mark the value that can be changed
Create a section with the CKEditor Restricted.
Import data from the step 1