Navigation Menu

Click the "+" to see inside a chapter or use the search to the right.

.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 38 Next »

The Question Stem and Answer Options can be formatted using the formatting toolbar just above the text, which is the Rich Text editor. The Rich Text editor controls do not auto-load by default when a user opens the Write Question page.

The Rich Text editor toolbar present near the top of all the dialogue boxes on the Write Question page is hidden by default when the page is opened. It only becomes available you click inside one of the text boxes, and only for that particular text box. You can then enter rich text content into the text box. Once you click on another such text box on the page, the Rich Text editor controls appear in the newly selected text box and it is hidden in the previous text box.

Rich Text editor controls are hidden in the dialogue boxes

 

Rich Text editor controls become visible in the dialogue box being used


Icon

In the 1809 release the Rich Text Editor has been updated for Block Text type Metadata. The Rich Text Editors for other text entry fields will follow in a later release. See New Rich Text Editor Functions below for descriptions of the new functionality.

All of the icons on the toolbar are described below:

Icon

Description

Apply bold, italicize, underline and/or strikethrough formatting to the selected text.

Align Content: left, center, right, full.

Add subscript or superscript format to the selected text.

Insert a custom character. This icon opens a window that shows all the available custom characters:



Hover mouse pointer over a character to view a larger image and its description. Click the character to insert it into the text area.

Change the font style of the selected text.

Change the font size of the selected text.

Place the selected text in a bulleted or numbered list.

Cut the selected content.

Insert/edit anchor.

Copy the selected content.

Paste or paste as plain text or paste from Microsoft Word. Pasting content in this way ensures that the pasted content is clean and compliant with the look and feel of TinyMCE editor, whose style doesn't match with content if it is directly pasted from formatted content. This usually takes care of potential issues such as missing images, different looking fonts, and formatting differences between the original content and the one after it is pasted into the TinyMCE editor.

Icon

This box describes the potential issues that you may face when pasting content from older versions of Microsoft Word (Version 2000 or earlier).

When content containing the text [ifgtemso9] is copy-pasted into the TinyMCE editor, a warning message is displayed.

         

To avoid errors in text formatting, we recommend you open the Word document in Wordpad or in a version more recent than Microsoft Word 2000.

Find or find/replace the selected text.

Increase or decrease indent, or blockquote the selected text.

Undo or Redo the previous action that was performed with either the keyboard or mouse.

Toggle between the full screen and regular view of the selected fields.

Preview the text.

Change the color of the selected text.

Check spelling of the selected text against the built-in dictionary.

Add mathematical formulas. For more details click here.

Add Assets to the Questions or Answer Options as required.

Edit the HTML source code of the entered text. Click Working with HTML Content for more details on working with HTML content.

Remove all formatting from the selected text.

Cleanup messy code.

Insert a new table or modify the existing table in the Question Stem or Answer Option. Visit Inserting table and its formatting to learn more.

Set the properties of the rows and cells respectively, in a table. These buttons are disabled when there is no table in the editor.

Insert row above or below the current row, or delete the current row in a table.

Insert columns to the left or to the right of the current column, or delete current columns in a table.

Split merged tables/cells and/or merge tables/cells in a table.

Insert horizontal ruler: Inserts a long horizontal line.

Toggle guidelines/invisible elements.

HTML headers from H1 to H6 can be added via this drop-down list.
Fill in the Blanks: Inserts a series of continuous underscores _________ and is only available in Fill In The Blank type Question.
This tool allows you to insert Auto-Correct text specified in the Item Bank configuration.
Icon

The content you type in and format for the Question and answer area is saved in HTML code. If you are familiar with HTML, you can edit the HTML code.

You can insert tables for better explanation of Questions, if required, which can be introduced in the Question Stem or even in the Answer Options for some Question types.

 

New Rich Text Editor functions:

MenuOptionDescription

Edit

UndoUndo the last action.
RedoRedo the last action.
CutCut the selected content.
CopyCopy the selected content.
Select AllSelect all the content in the editor.

Insert

Asset ManagerAdd Assets to the text editor as required.
Equation EditorAdd mathematical formulas. For more details click here.
Special character

Insert a special character. This icon opens a window that shows all the available custom characters:

Dynamic TextOnly available if the item type = Display Type in a DT template itembank.

Format







BoldApply bold formatting to the selected text.
ItalicItalicize the selected text.
UnderlineUnderline the selected content.
StrikethroughApply strikethrough formatting to the selected content.
SuperscriptApply superscript formatting to the selected content.
SubscriptApply subscript formatting to the selected content.
Clear formattingClear all the formatting on the selected content.

Table




TableInsert a table. Click and drag across the grid to select the desired number of columns and rows.
Table properties

Use the General table properties to adjust the table width (all cells are the same width), cell spacing (the space, in pixels between cells), cell padding (amount of space inside cells between the cell border and the cell content) , table border width, and alignment of the table within the text editor. Use Caption to add a table caption.

Use the Advanced table properties to apply a background color to the entire table. See Color Selector instructions listed below for instructions on using the color selector.

Delete tablePlace your cursor anywhere within the table and select Delete table. The entire table is deleted.
Cell

Use the Table → Cell menu to merge cells, split cells, and open the Cell properties pop-up window.

Use the General Cell properties to adjust the width of selected cells, and to change the horizontal alignment of the text within the selected cells.

Use the Advanced Cell properties to apply a background color to the selected cells. See Color Selector instructions listed below for instructions on using the color selector.

Row

Use the Table → Row menu to insert rows before or after the selected row, delete the selected row, and open the row properties pop-up window. You can also cut or copy the selected row, as well as paste a row before or after the selected row.

Use the General Row properties to specify the type of row: Header, Body, or Footer.

Use the Advanced Row properties to change the background color of the row. See Color Selector instructions listed below for instructions on using the color selector.

Column

Use the Table → Column menu to insert columns before or after the selected column, and delete the selected column. You can select a column and Copy it. If you want to paste the column you must use the keyboard shortcut Ctrl+V. Use caution with pasting. It will paste the contents over the top of the selected column. If you want a duplicate column of text, insert a new column and then paste the content into the newly inserted column.

Tools

Check Spelling

Check the spelling of the selected text against the built-in dictionary.
AutoCorrectSelect the desired text and click the Tools → AutoCorrect menu. If there is an auto correct entry that matches the selected text, the system replaces the select text with the auto correct text. If no auto correct entries match the selected text, a message notifies you that no replacement is available for the selected text. See the 6.6.2 Auto-Correct Tab topic for details on creating Auto-correct entries.

Find and replace

Find or find/replace the selected text.
Source codeEdit the HTML source code of the entered text. Click Working with HTML Content for more details on working with HTML content.
FullscreenToggle between full screen and regular view of the selected field.
Toolbar

Font Family

Change the font style of the selected text.

 

Font Size

Change the font size of the selected text.
 

Text Color

Change the font color of the selected text. Select one of the predefined colors in the grid or click the Custom link. See Color Selector instructions listed below for instructions on using the color selector.
 

Bold & Italic

Apply bold or italic formatting to the selected text.
 

Alignment

Change the alignment of the selected text: left, right, center, or full alignment.

 

Bullet list & Numbered list

Place the selected text in a bulleted or numbered list.

For Bullets you can choose from Circle, Disk (default), or Square.

For Numbered lists you can choose from Default (1, 2, 3, etc.), Lower Alpha (a, b, c, etc.), Lower Roman (i, ii, iii, etc.), Upper Alpha (A, B, C, etc.), and Upper Roman (I, II, III, etc.).

 

Decrease & Increase indent

Decrease or increase how much the selected text is indented.

If you increase the indent for Numbered lists, the indented level automatically renumbers using the same numbering style (see image below). You can select the indented numbers and change to a different numbering format (for example, a,b, c, etc.).

If you increase the indent for bulleted lists, the indented level automatically switches to the other bullet styles.

 

Work with the new Color selector

In order to use the new color selector, you have 3 options to identify the desired color:

  1. Click and Drag
    1. Open the color selector pop-up window.
    2. First click on the desired color in the rainbow band in the middle of the window.
    3. Click and drag the circle in the color pane on the left side of the window until you get the desired color. The color is displayed in the big color box in the lower right corner above the OK button.
    4. Click OK
  2. Enter RGB values
    1. Enter the Red, Blue and Green values for the desired color.
    2. Click OK.
  3. Enter the Hex color value
    1. Enter the Hex value for the desired color. You do not need to enter the #, just type in the Hex number.
    2. Click OK.

 

 

 

  • No labels