CKEditor Classic
CKEditor Classic is a WYSIWYG (What You See Is What You Get) rich text editor
Overview
CKEditor Classic provides an easy-to-use interface for creating and formatting text content with various styling options. It is widely used in Labii to enable users to create and manage rich text content. CKEditor Classic offers an intuitive editing experience that simplifies the process of writing and formatting text.
Use Cases
View and edit word documents: CKEditor Classic allows users to import and edit existing word documents, providing a convenient way to make changes and format the content.
Create text content with rich text formatting: Users can easily create text content with various formatting options such as bold, italics, underline, font styles, sizes, alignment, bullet points, numbered lists, and more.
Settings
CKEditor Classic does not require any settings to be configured. It can be directly embedded into web pages or online applications, and it works out of the box.
Interface
CKEditor Classic provides a user-friendly and intuitive interface. It displays a toolbar at the top with various formatting options such as bold, italic, underline, alignment, and more. Below the toolbar, there is a content area where users can write and edit their text content. The interface is designed to resemble a traditional word processor, making it easy for users to interact with the editor.
Features
Developed by Labii
AI assistant
Improve writing
Make shorter
Make longer
Generate experiment note
Generate protocol steps
Generate summary
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
Block Quote
Code, Code Block
Link
Page Break
Special Characters
Math
Chemical Structure
Export
Export PDF
Export Word
Image Support
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.
Table Support
The Table can be inserted into the CKEditor Classic. A table can also be imported via selecting or drag a *.tsv, *.csv, *.xlsx file.
Mention Support
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.
AI Features
The CKEditor Classic includes powerful AI features to assist users in their writing tasks:
Improve Writing: The AI can suggest enhancements to improve the clarity and grammar of your text.
Expand or Condense Text: Quickly make your text longer or shorter with AI-driven suggestions.
Generate Experiment Notes: Automatically generate detailed experiment notes based on brief inputs.
Generate Protocol Steps: Create comprehensive protocol steps for your experiments with minimal effort.
Generate Summary: Summarize lengthy documents or sections into concise overviews.
These AI features help streamline the writing process, ensuring consistency, accuracy, and efficiency.
Insert Template Text
The Template Text feature allows users to insert text from a section of template records, significantly reducing the time need to write experiments or repetitive content. By selecting a predefined template, users can quickly populate their document with structured text, ensuring consistency and efficiency in their writing process.
After clicking the icon, a pop-up page will open with a list of sections in the left panel. Users can select the section to insert. If unsure about the content, they can click the "Preview" button. Clicking a section will insert the text directly into the current editor.
Users can also load text data from an external file, like a Word document, by dragging and dropping the file into the right panel of the pop-up page.
Insert File
The File feature allows users to insert both existing files and new files into their document. After clicking the File icon, a pop-up window will open with a left panel displaying a list of existing files and a right panel that allows the uploading of new files.
Users can also insert new files directly by dragging and dropping them into the designated drop area of the widget. Once selected, the file will be inserted into the document.
Once a file is inserted, users have several options for interacting with it. They can preview the file to get an overview of its content without opening it fully. If any modifications are needed, the file can be edited directly through the interface. For a full-screen experience, users can opt to open the file in a new page. Additionally, the file can be downloaded to their local device for offline access. To optimize performance and reduce loading times, users also have the option to hide the preview. All functions performed on an inserted file are consistent with those available in the Files widget, ensuring a seamless user experience across different functionalities.
Insert Section
The Section feature enables users to display a specific section with a certain widget directly within the text editor. After clicking on the Section icon, a pop-up window will appear, allowing users to choose an existing section or create a new one from hundreds of Labii widgets. This feature streamlines the process of customizing document sections and enhances the overall user experience.
After insertion, the section will be displayed in read-only mode with an Open button. Users can open it in a pop-out window to modify the widget directly.
Insert Variable
In scientific research, scientists usually need to capture the valuables during the experimentation to ensure that the data collected is precise and useful for analysis. The Variable feature enables users to easily capture such variables, thus streamlining their workflow and improving the accuracy of their results. By accurately capturing these variables, scientists can better understand the conditions and outcomes of their experiments, leading to more reliable and repeatable findings. This feature is particularly beneficial in complex experiments where numerous variables need to be monitored and recorded meticulously.
Insert Calculation
The Calculation function empowers users to perform real-time calculations essential for any experimental procedures. It allows users to input their required formula using inline JavaScript syntax, making it highly versatile for various scientific and engineering applications. The formulas can be dynamically adjusted by incorporating the necessary variables, which should be enclosed within double curly braces {{}}. This method ensures ease of use and accuracy in performing complex calculations.
Key Features
Real-Time Calculation:
The function provides immediate results as users input their data, facilitating a more seamless and interactive experience during experiments or data analysis sessions.
Inline JavaScript:
Users can define their formulas using standard JavaScript syntax, enabling them to leverage the full power of this programming language for their calculations.
Dynamic Variables:
Variables needed for the formulas are encapsulated in double curly braces
{{}}, allowing for easy identification and substitution within the formula.
Chained Calculations:
Results from one calculation can be used in subsequent calculations. This feature is particularly useful for complex experiments where multiple steps and intermediate results are required.
Usage Example
To use the Calculation function, simply input your formula with the necessary JavaScript syntax and encapsulate your variables as shown below:
Where a, b, and c are the variables provided by the user. The system will then perform the computation in real-time and return the result.
Practical Applications
Scientific Experiments: Calculate reaction rates, concentrations, and other scientific queries.
Engineering Projects: Determine structural loads, stress analysis, and material properties.
Financial Analysis: Perform real-time financial forecasting, risk assessment, and other economic evaluations.
By integrating this powerful Calculation function into your workflow, you can enhance precision, efficiency, and the overall quality of your experimental and
Insert DateTime
The DateTime feature allows users to insert the current date and time in various formats. This is particularly useful for users who need to document timestamps for specific experiments or activities. With a simple click, users can select the desired format and insert it into their document, streamlining the process of timestamping and enhancing accuracy in documentation.
Day break
The Day break feature enables users to insert a horizontal line with the current date. This is particularly useful for marking the date of multi-day events in a document. By using the Day break feature, users can efficiently separate and date different sections of their documentation, enhancing clarity and organization.
Generate text context with AI
If you're looking to generate any kind of text with ease, the AI function comes with the CKEditor widget is the perfect solution for you. Using AI, you will be able to generate any text easily by using prompts that will guide you through the process.
Last updated
