The CK Editor is the content editor that is frequently available in sections of Stackle where text can be inputted. There are many options available when adding text in the CK Editor, and understanding each can be key in creating engaging content for Participants.
#
View of the CK Editor
Heading options #
Changes highlighted text to the level of heading you select. Text can be changed to ‘Heading 1’, ‘Heading 2’, ‘Heading 3’, and ‘Paragraph’.
Text Formatting options #
Bold: Makes selected text Bold.
Italic: Makes selected text Italicised.
Strikethrough: Adds Strikethrough to selected text.
Underline: Underlines selected text.
Subscript: Converts selected text into Subscript text.
Superscript: Converts selected text into Superscript text.
Remove Format: Removes any currently applied formatting currently applied to selected text.
Text Alignment options #
Text Alignment: Adjusts the alignment of selected text. Text can be aligned left, right, centered, and justified.
Decrease Indent: Decreases the indent of selected text with indents applied.
Increase Indent: Increases the indent of selected text.
List Options #
Bulleted List: Adds a list with bullet points. Options for bullet points include ‘Disc’, ‘Circle’, and ‘Square’.
Numbered List: Adds a list in number order. The available options for a numbered list include: ‘Decimal’, ‘Decimal with leading zero’, ‘Lower-roman’, ‘Upper-roman’, ‘Lower-latin’, and ‘Upper-latin’.
To-do List: Add a checklist to the text. Each item in the checklist has an associated check-box which can be ticked to mark the item as completed.
Block Quote: Formats text as a Block Quote, emphasizing an excerpt of text.
Special options #
Special Characters: Insert a special character into the text.
Horizontal Line: Inserts a horizontal line, useful for spacing or segmenting text.
Highlight: Highlight any selected text. Marker options can be used to outline specific text with a specific colour. Available marker options for highlighting include ‘Yellow marker’, ‘Green marker’, ‘Pink marker’ and ‘Blue marker. Pen options are also available to alter the colour of the text. The available pen options are ‘Red pen’, and ‘Green pen’. There is also an option for ‘remove highlight’ which will allow you to remove any highlights from selected text.
Link: Applies a hyperlink to any selected text.
Insert Table: Insert a table. Select the number of rows and columns via the dropdown menu.
Insert code block: Inserts a text box that can be used to add certain code. The following code options are available:
- Plain text
- C
- C#
- C++
- CSS
- Diff
- HTML
- Java
- Javascript
- PHP
- Python
- Ruby
- TypeScript
- XML
Select Text options #
Find and Replace: Find can be used to locate strings of text you specify within the textbox. Two additional settings for ‘Find’ include ‘Match Case’ which will only find words that contain the same letter casing as the text you search, and ‘Whole words only’ which only locates whole words in the text, and will not locate parts of words. Replace can be used to replace text with a different text string located with ‘Find’. It is possible to replace some or all text located with ‘Find’.
Select all: Selects all text within the textbox.
Undo/Redo options #
Undo: Reverts a single change made to the text.
Redo: Reinstates a previous change made to the text.
Source #
When enabled, changes the textbox to display the source code behind the content.
