Using KaTeX Functions in Caveon Products

If special characters or formatting such as those used in math formulas are needed, you can use KaTeX functions within  Scorpion to present them to the end user.  This can be done in the stem or in the item responses.  Below, I have a link to a article covering Ka TeX functions & examples being used in scorpion.

Examples shown in scorpion below:

• Example 1 New Line & Spaces 
• Example 2 Matrices
• Example 3 Text Colors
• Example 4 Italics
• Example 5 Using Heading Text
• Example 6 Inline White Code or Render Markdown Language
• Example 7 Jinja Code Rendered But Not Executed

Link to supported functions and examples:

https://katex.org/docs/supported.html

To use a KaTex Functions in Scorpion, you must use a $ character before and after the Katex function.  Here is an example:

Example 1 New Line & Spaces: 

If you need an empty line in your item or Shared Content, simply put a single $ in the line.

To add a space type &nbsp

This is how it will appear to the examinee:

Example 2 Matrices: 

This is how it will appear to the examinee:

Example 3 Text Colors:

This is how it will appear to the examinee:

Example 4 Italics:

This is how it will appear to the examinee:

You can also use the following:

• Italics: *text here* (shown in example 3 above)
• Bold: **text here**
• Bold & Italics: ***text here***
• Underline: _text here_
• Underline & Italics: *_text here_*
• Underline & Bold: **_text here_**
• Underline, Bold, & Italic **_*text here*_**

Example 5 Using Heading Text:

This is how it will appear to the examinee:

You can also use the following:

• Very large heading font size: # text here (NOTE: space is necessary)
• Large heading font size: ## text here
• Medium heading font size: ### text here

Example 6 Inline White Code or Render Markdown Language:

To add inline white code or render markdown language as white text (ignoring the markdown), use a single or triple tic mark before and after the code (either will work the same way) with no carriage returns between the tics and text. Tics are ` or ```.

```<div data-v-669aac22="" role="tabpanel" aria-hidden="true" class="tab-pane" id="__BVID__2804" aria-labelledby="__BVID__2804___BV_tab_button__" style="display: none;"></div>```

This is how it will appear to the examinee:

To add grey code boxes, use three tics on the line above and below the code you want to be boxed in grey.  This can also be used for Jinja code.

```

<div data-v-669aac22="" role="tabpanel" aria-hidden="true" class="tab-pane" id="__BVID__2804" aria-labelledby="__BVID__2804___BV_tab_button__" style="display: none;"></div>

```

This is how it will appear to the examinee:

Example 7 Jinja Code Rendered But Not Executed:

For Jinja code to be rendered but not executed, you will need to use {% raw %}<JINJA CONTENT>{% endraw %}

This is how it will appear to the examinee: