The CK Editor is the content editor that is frequently available in sections of Stackle where text can be input. There are many options available when adding text using the CK Editor, and understanding each can be key in creating engaging content for Participants.
Note that in certain contexts, some buttons may not be available as their function is not appropriate for the situation concerned.
#
View of the CK Editor
Heading options #
Text in the editor can be highlighted (selected using your cursor) and changed to the level of heading you select. Text can be changed to ‘Heading 1’, ‘Heading 2’, ‘Heading 3’, and ‘Paragraph’. The appearance of the highlighted text will change accordingly.
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 the 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 (if indents have been applied).
Increase Indent: Increases the indent of selected text.
List Options #
Bulleted List: Adds a list with bullet points (or converts selected text into a list). Options for bullet points include ‘Disc’, ‘Circle’, and ‘Square’.
Numbered List: Adds a list in number order (or converts selected text into a list). 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: Marker options can be used to outline selected 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. You will be able to specify the URL of the link.
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: This tool can be used while you are editing text. 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. This tool can be used while you are editing text e.g. to apply formatting to the whole text block.
Undo/Redo options #
Undo: Reverts a single change made to the text in the editor.
Redo: Reinstates a previous change made to the text in the editor.
Source #
When enabled, changes the textbox to display the HTML source code of the content.
