---
metadata:
  - name: generator
    content: Diplodoc Platform v5.47.3
alternate:
  - https://yandex.com.tr/support/tracker/en/user/syntax-yfm.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/support/tracker/en/llms.txt

[//]: # (Исходники yfmeditor/ хранятся в документации Yandex Wiki)

# Formatting text 

## Line formatting {#format-wysiwyg}

<!-- source: en/yfmeditor/text-format.md -->
{% list tabs group=editor %}

- Visual editor

    | Formatting | Toolbar button | Windows shortcuts | MacOS shortcuts |
    --- | --- | --- | ---
    | Bold text | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M4 3h3.645c1.18 0 2.075.2 2.685.6.62.4.93 1.075.93 2.025 0 .39-.055.73-.165 1.02-.1.28-.245.525-.435.735-.18.2-.405.365-.675.495-.26.13-.55.23-.87.3.84.1 1.47.345 1.89.735.43.38.645.96.645 1.74 0 .56-.105 1.04-.315 1.44-.2.39-.48.71-.84.96-.36.24-.785.42-1.275.54-.49.11-1.025.165-1.605.165H4V3zm1.41 1.29v3.3h2.13c.34 0 .65-.035.93-.105.28-.08.52-.195.72-.345.2-.16.355-.355.465-.585.12-.24.18-.525.18-.855 0-.55-.19-.92-.57-1.11-.38-.2-.92-.3-1.62-.3H5.41zm0 4.575v3.615h2.205c.38 0 .725-.03 1.035-.09.31-.06.575-.16.795-.3.23-.14.405-.325.525-.555.13-.23.195-.515.195-.855 0-.68-.22-1.15-.66-1.41-.43-.27-1.115-.405-2.055-.405H5.41z"/></svg></svg> | **Ctrl** + **B** | **⌘** + **B** |
    | Italic | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.982 3.944a.978.978 0 0 1-.701-.288.909.909 0 0 1-.299-.676c0-.27.1-.501.299-.693A.978.978 0 0 1 8.982 2a1 1 0 0 1 .72.287.927.927 0 0 1 .298.693c0 .26-.1.485-.298.676a1 1 0 0 1-.72.288zm.457 1.284L7.509 14H6l1.93-8.772h1.509z"/></svg></svg> | **Ctrl** + **I** | **⌘** + **I** |
    | Underlined text | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M4.005 2H5.43v7.08c0 .87.245 1.515.735 1.935.5.42 1.18.63 2.04.63.42 0 .805-.05 1.155-.15.36-.11.67-.27.93-.48.26-.22.46-.49.6-.81.15-.32.225-.695.225-1.125V2h1.35v7.035c0 .62-.11 1.17-.33 1.65-.22.48-.525.885-.915 1.215-.38.33-.83.58-1.35.75-.52.17-1.085.255-1.695.255-.59 0-1.14-.08-1.65-.24-.51-.16-.955-.4-1.335-.72-.37-.32-.66-.715-.87-1.185-.21-.48-.315-1.035-.315-1.665V2zM3 14.885h10.38v.885H3v-.885z"/></svg></svg> | **Ctrl** + **U** | **⌘** + **U** |
    | Strikethrough text | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.26 13.15c-.49 0-.93-.035-1.32-.105-.39-.06-.735-.14-1.035-.24a5.33 5.33 0 0 1-.75-.345c-.2-.13-.36-.255-.48-.375v-1.35c.15.13.345.265.585.405.24.13.515.25.825.36.32.11.66.2 1.02.27.37.07.755.105 1.155.105.78 0 1.4-.145 1.86-.435.46-.3.69-.75.69-1.35 0-.3-.055-.545-.165-.735-.11-.2-.27-.365-.48-.495a2.796 2.796 0 0 0-.795-.345c-.31-.1-.675-.205-1.095-.315-.42-.11-.84-.235-1.26-.375-.42-.14-.8-.325-1.14-.555-.33-.23-.6-.52-.81-.87-.2-.35-.3-.795-.3-1.335 0-.93.325-1.655.975-2.175.65-.52 1.645-.78 2.985-.78.39 0 .735.025 1.035.075.31.04.58.095.81.165.24.06.445.13.615.21.18.08.34.155.48.225v1.35a4.21 4.21 0 0 0-1.365-.57 6.487 6.487 0 0 0-1.575-.18c-.48 0-.885.04-1.215.12-.32.07-.58.175-.78.315-.2.14-.345.31-.435.51-.09.2-.135.425-.135.675 0 .3.065.55.195.75.14.2.32.37.54.51.23.13.49.24.78.33.29.09.595.17.915.24.42.1.85.215 1.29.345.44.13.835.31 1.185.54.35.23.635.53.855.9.23.36.345.83.345 1.41 0 .57-.115 1.055-.345 1.455-.22.39-.515.71-.885.96s-.795.43-1.275.54c-.48.11-.98.165-1.5.165z"/><path fill="currentColor" d="M4 9.25h8.79V10H4v-.75z"/></svg></svg> | **Ctrl** + **Shift** + **S** | **⌘** + **Shift** + **S** |
    | Monospaced text | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4.062 2c.454 0 .876.234 1.115.62L8 7.162l2.823-4.542a1.312 1.312 0 0 1 2.427.692v9.938a.75.75 0 0 1-1.5 0V3.97L8.637 8.98a.75.75 0 0 1-1.274 0L4.25 3.97v9.28a.75.75 0 0 1-1.5 0V3.312C2.75 2.588 3.338 2 4.062 2Z" clip-rule="evenodd"/></svg> | — | — |
    | Highlighted text | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10 2.25a.75.75 0 0 1 .75-.75c.576 0 1.102.217 1.5.573a2.242 2.242 0 0 1 1.5-.573.75.75 0 0 1 0 1.5.75.75 0 0 0-.75.75v8.75c0 .414.336.75.75.75a.75.75 0 0 1 0 1.5 2.242 2.242 0 0 1-1.5-.573 2.242 2.242 0 0 1-1.5.573.75.75 0 0 1 0-1.5.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75.75.75 0 0 1-.75-.75ZM5.75 3c-.618 0-1.168.39-1.374.972L1.543 12a.75.75 0 1 0 1.414.5L3.84 10h3.82l.883 2.5a.75.75 0 1 0 1.414-.5L7.124 3.972A1.457 1.457 0 0 0 5.75 3Zm1.381 5.5L5.75 4.587 4.369 8.5H7.13Z" clip-rule="evenodd"/></svg> | — | — |
    | Colored text | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M7.125 2.245h2.1L13.08 13h-1.5l-1.11-3.075H5.715L4.62 13H3.3L7.125 2.245zM10.02 8.65 8.1 3.295 6.18 8.65h3.84z"/></svg></svg> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M4.502 5.775A.75.75 0 0 0 3.498 6.89l1.004-1.115zM8 9.932l-.502.557a.75.75 0 0 0 1.004 0L8 9.932zm4.502-3.042a.75.75 0 1 0-1.004-1.115l1.004 1.115zm-9.004 0 4 3.6 1.004-1.115-4-3.6L3.498 6.89zm5.004 3.6 4-3.6-1.004-1.115-4 3.6 1.004 1.114z"/></svg></svg> | — | — |

- Markdown markup

	#|
	|| **Markup** | **Result** ||
	|| `**Bold**` | **Bold** ||
	|| `_Italic_` | _Italic_  ||
	|| `++Underlined++` | <u>Underlined</u> ||
	|| `~~Strikethrough~~` | ~~Strikethrough~~ ||
	|| `##Monospace##` | ##Monospace## ||
	|| `==Highlighted==` | <p style="background-color: #ffff00">Highlighted text</p> ||
	|| `{green}(Color) {violet}(text)`

	{% cut "Supported colors:" %}

	`gray` — <span style="color: gray">Gray</span>

	`yellow` — <span style="color: yellow">Yellow</span>

	`orange` — <span style="color: orange">Orange</span>

	`red` — <span style="color: red">Red</span>

	`green` — <span style="color: green">Green</span>

	`blue` — <span style="color: blue">Blue</span>

	`violet` — <span style="color: violet">Violet</span>

	{% endcut %}

	| <span style="color: green">Color</span> <span style="color: violet">text</span> ||
	|| `Superscript^text^` | Superscript^text^ ||
	|| `Subscript~text~` | Subscript<sub>text</sub> ||
	|#

	When formatting text, you can combine markup elements in any order:

	```
	**_Text formatting 1_** and **_Text formatting 2_**

	{orange}(~~Strikethrough part~~ of the orange text)
	```

	{% cut "Result" %}

	**_Text formatting 1_** and **_Text formatting 2_**

	<span style="color: orange">~~Strikethrough part~~ of the orange text</span>

	{% endcut %}

{% endlist %}
<!-- endsource: en/yfmeditor/text-format.md -->

## Headers {#headers}

<!-- source: en/yfmeditor/text-format.md -->
A heading can be level 1 to 6. The higher the level, the larger the font.

{% list tabs group=editor %}

- Visual editor

    To format a heading, use one of the following methods:

    * Click <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M10.654 8.748h-5.52v4.695h-1.41V2.688h1.41v4.784h5.52V2.688h1.425v10.756h-1.425V8.748z"/></svg></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M4.502 5.775A.75.75 0 0 0 3.498 6.89l1.004-1.115zM8 9.932l-.502.557a.75.75 0 0 0 1.004 0L8 9.932zm4.502-3.042a.75.75 0 1 0-1.004-1.115l1.004 1.115zm-9.004 0 4 3.6 1.004-1.115-4-3.6L3.498 6.89zm5.004 3.6 4-3.6-1.004-1.115-4 3.6 1.004 1.114z"/></svg></svg> on the toolbar at the top of the page and select the heading's level.

	* Use keyboard shortcuts:

	  - Windows: **Ctrl** + **Shift** + **1**—**6**
	  - macOS: **⌘** + **⌥** + **1**—**6**

       <!-- source: en/yfmeditor/tools-tip.md -->
       You can also add formatting elements [using your keyboard](https://yandex.com.tr/support/tracker/en/user/markup.md#keyboard) or through the quick access menu: type `/` and select an item from the list. {#keyboard}
       <!-- endsource: en/yfmeditor/tools-tip.md -->

    To hide some information on the page, you can make the heading collapsible:

    1. Select the heading. A toolbar for editing the selected element appears.

    1. Click <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 7.25a.75.75 0 0 0 0 1.5h5.69l-2.72 2.72a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 0 0-1.06 1.06l2.72 2.72H2Zm7.47 4.22a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 1 0-1.06 1.06L12.94 8l-3.47 3.47Z" clip-rule="evenodd"/></svg></svg> on the toolbar.

    Content under the heading can be collapsed or expanded. In the editor, the lower boundary of text that will be included in the collapsible block is marked with the <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 7.25a.75.75 0 0 0 0 1.5h5.69l-2.72 2.72a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 0 0-1.06 1.06l2.72 2.72H2Zm7.47 4.22a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 1 0-1.06 1.06L12.94 8l-3.47 3.47Z" clip-rule="evenodd"/></svg></svg> icon with a dotted line.

- Markdown markup

    ```
    # First-level heading
    ##+ Collapsible second-level heading
    #### Fourth-level heading with an anchor {#level4}
   ```

    * To format a heading, add one to six `#` characters at the beginning of the relevant line.

    * To make a heading collapsible, add `+` after the `#` characters.

    * To set a heading's anchor manually, add the `{#<anchor_name>}` markup at the end of the line.

{% endlist %}
<!-- endsource: en/yfmeditor/text-format.md -->

## Lists {#lists-wysiwyg}

<!-- source: en/yfmeditor/text-format.md -->
{% list tabs group=editor %}

- Visual editor

    To add a list, select one or more paragraphs and use the toolbar buttons or keyboard shortcuts.

     <!-- source: en/yfmeditor/tools-tip.md -->
     You can also add formatting elements [using your keyboard](https://yandex.com.tr/support/tracker/en/user/markup.md#keyboard) or through the quick access menu: type `/` and select an item from the list. {#keyboard}
     <!-- endsource: en/yfmeditor/tools-tip.md -->

    | List | Toolbar button | Windows shortcuts | MacOS shortcuts |
    --- | --- | --- | ---
    | Bulleted list | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M2.719 10.969c-.686 0-1.219.558-1.219 1.219 0 .685.533 1.218 1.219 1.218a1.22 1.22 0 0 0 1.219-1.219c0-.66-.56-1.218-1.22-1.218zm0-4.063A1.22 1.22 0 0 0 1.5 8.125c0 .686.533 1.219 1.219 1.219a1.22 1.22 0 0 0 1.219-1.219c0-.66-.56-1.219-1.22-1.219zm0-4.062c-.686 0-1.219.558-1.219 1.219 0 .685.533 1.218 1.219 1.218.66 0 1.219-.533 1.219-1.218 0-.66-.56-1.22-1.22-1.22zm11.375.61H5.969a.418.418 0 0 0-.407.405v.407c0 .228.178.406.407.406h8.125a.418.418 0 0 0 .406-.406v-.407a.437.437 0 0 0-.406-.406zm0 4.062H5.969a.418.418 0 0 0-.407.406v.406a.4.4 0 0 0 .407.406h8.125a.418.418 0 0 0 .406-.406v-.406a.437.437 0 0 0-.406-.406zm0 4.062H5.969a.418.418 0 0 0-.407.406v.407c0 .228.178.406.407.406h8.125a.418.418 0 0 0 .406-.406v-.407a.437.437 0 0 0-.406-.406z"/></svg></svg> | **Ctrl** + **Shift** + **L** | **⌘** + **Shift** + **L** |
    | Numbered list | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m3.049 11.807.457-.508a.535.535 0 0 0 .127-.33v-.102c0-.203-.102-.305-.28-.305H1.907a.2.2 0 0 0-.203.204v.406c0 .127.076.203.203.203h.559c-.076.102-.203.229-.28.33l-.126.178c-.102.127-.153.254-.077.38l.026.052c.076.126.152.177.304.177h.127c.254 0 .407.076.407.254 0 .102-.102.203-.356.203-.127 0-.304-.05-.406-.076-.152-.101-.305-.101-.406.076l-.127.229c-.102.152-.076.304.076.406.178.127.508.229.94.229.863 0 1.218-.56 1.218-1.118 0-.355-.228-.736-.736-.888zm11.045-.229H5.969a.418.418 0 0 0-.407.406v.407c0 .228.178.406.407.406h8.125a.418.418 0 0 0 .406-.406v-.407a.437.437 0 0 0-.406-.406zm0-8.125H5.969a.418.418 0 0 0-.407.406v.407c0 .228.178.406.407.406h8.125a.418.418 0 0 0 .406-.406v-.407a.437.437 0 0 0-.406-.406zm0 4.063H5.969a.418.418 0 0 0-.407.406v.406a.4.4 0 0 0 .407.406h8.125a.418.418 0 0 0 .406-.406v-.406a.437.437 0 0 0-.406-.406zM1.906 5.687h1.625a.2.2 0 0 0 .203-.203v-.406a.218.218 0 0 0-.203-.203h-.406V2.641a.218.218 0 0 0-.203-.204h-.61c-.076.026-.152.051-.203.127l-.203.407v.076c0 .127.076.203.203.203h.204v1.625h-.407a.2.2 0 0 0-.203.203v.406c0 .127.076.204.203.204zM1.805 9.75H3.53a.2.2 0 0 0 .203-.203V9.14a.218.218 0 0 0-.203-.204h-.99c.076-.253 1.219-.457 1.219-1.421 0-.737-.635-1.016-1.117-1.016-.559 0-.864.254-1.041.482-.102.153-.077.28.076.407l.228.152c.127.127.28.076.407-.05a.378.378 0 0 1 .228-.102c.102 0 .229.05.229.228.025.33-1.27.559-1.27 1.752v.102c0 .177.127.279.305.279z"/></svg></svg> | **Ctrl** + **Shift** + **M** | **⌘** + **Shift** + **M** |
    | Decrease indent | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><path d="M2.852 9.021c.253.254.71.077.71-.304V3.842c0-.356-.457-.533-.71-.28L.414 6a.625.625 0 0 0-.101.28c0 .1.05.228.101.304l2.438 2.437Zm8.43 1.524H.718a.418.418 0 0 0-.406.406v.406a.4.4 0 0 0 .406.407H11.28a.418.418 0 0 0 .406-.407v-.406a.437.437 0 0 0-.406-.406Zm.075-3.25H5.492c-.178 0-.304.152-.304.33v.584c0 .178.126.305.304.305h5.865c.178 0 .33-.127.33-.305v-.584a.336.336 0 0 0-.33-.33Zm-.076-6.5H.72a.418.418 0 0 0-.406.406v.406a.4.4 0 0 0 .406.407h10.56a.418.418 0 0 0 .406-.407v-.406a.437.437 0 0 0-.406-.406Zm.076 3.25H5.492c-.178 0-.304.152-.304.33v.584c0 .178.126.305.304.305h5.865c.178 0 .33-.127.33-.305v-.584a.336.336 0 0 0-.33-.33Z"/></svg> | **Shift** + **⇥** | **Shift** + **⇥** |
    | Increase indent | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><path d="M11.281 10.545H.72a.418.418 0 0 0-.406.406v.406a.4.4 0 0 0 .406.407h10.56a.418.418 0 0 0 .406-.407v-.406a.437.437 0 0 0-.406-.406ZM.998 9.02l2.438-2.437a.622.622 0 0 0 .101-.305A.625.625 0 0 0 3.436 6L.998 3.562a.4.4 0 0 0-.685.28v4.875c0 .38.431.558.685.304Zm10.36-4.976H5.491c-.178 0-.304.152-.304.33v.584c0 .178.126.305.304.305h5.865c.178 0 .33-.127.33-.305v-.584a.336.336 0 0 0-.33-.33ZM11.28.998H.72a.418.418 0 0 0-.406.406v.407a.4.4 0 0 0 .406.406h10.56a.418.418 0 0 0 .406-.406v-.407a.437.437 0 0 0-.406-.406Zm.076 6.297H5.492c-.178 0-.304.152-.304.33v.584c0 .178.126.305.304.305h5.865c.178 0 .33-.127.33-.305v-.584a.336.336 0 0 0-.33-.33Z"/></svg> | **⇥** | **⇥** |
    | Checklist (checkbox) | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon GridTable-HeaderCellIcon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3Zm-3 1.5a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-7a3 3 0 0 1-3-3v-7Zm10.092 1.46a.75.75 0 0 0-1.184-.92L7.43 8.869l-1.4-1.4A.75.75 0 0 0 4.97 8.53l2 2a.75.75 0 0 0 1.122-.07l3.5-4.5Z"/></svg></svg> | — | — |

- Markdown markup

	#|
	|| **Example** | **Result**  ||
	|| **Numbered list** ||
	||
	```
	1. First item
	1. Second item
	   1. First sub-item
	   1. Second sub-item
	```
	|
	1. First item
	1. Second item
	   1. First sub-item
	   1. Second sub-item
	||

	|| **Bulleted list** ||
	||

	```
	* List item
	  - Sub-item
	  - Sub-item
	+ List item.
	```
	|
	* List item
	  - Sub-item
	  - Sub-item
	+ List item
	||

	|| **Combined list** ||
	||
	```
	1. Numbered item
	   * Bulleted sub-item
	   * Bulleted sub-item
	1. Ordered list item
	```
	|
	1. Ordered list item
	   * Bulleted sub-item
	   * Bulleted sub-item
	1. Numbered item
	||

	|| **Checklist** ||
	||
	```
	[ ] Task 1

	[x] Task 2

	[ ] Task 3
	```
	|
	<input type="checkbox" /> Task 1

	<input type="checkbox" checked="checked" /> Task 2

	<input type="checkbox" /> Task 3
	||
	|#

	To add a list, use numbers and special characters:
	* For a numbered list, use digits with either `.` or `)` symbol. Numbering is done dynamically, so the order of the numbers doesn't matter.
	* For a bulleted list, use `*`, `-`, or `+`.
	* For a nested list, add two to five spaces before every nested list item. You can have a bulleted list inside a numbered list and the other way around.
	* For a checklist, use `[ ]` as the marker. There must be an empty line between list items.
	  To check off a list item, add `x` between the brackets instead of a space.

{% endlist %}
<!-- endsource: en/yfmeditor/text-format.md -->

## Code formatting {#src-wysiwyg}

<!-- source: en/yfmeditor/text-format.md -->
{% list tabs group=editor %}

- Visual editor

    To add a code block, select a line or paragraph and use the following toolbar buttons or keyboard shortcuts:

    <!-- source: en/yfmeditor/tools-tip.md -->
    You can also add formatting elements [using your keyboard](https://yandex.com.tr/support/tracker/en/user/markup.md#keyboard) or through the quick access menu: type `/` and select an item from the list. {#keyboard}
    <!-- endsource: en/yfmeditor/tools-tip.md -->

    | Block | Toolbar button | Windows shortcuts | MacOS shortcuts |
    --- | --- | --- | ---
    | Code block | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 14"><path fill="currentColor" d="M3.908 9.71v-.026l-.838-.736.838-.711a.24.24 0 0 0 .026-.33l-.457-.483a.232.232 0 0 0-.305 0L1.699 8.795a.267.267 0 0 0 0 .33l1.473 1.372a.36.36 0 0 0 .152.05.278.278 0 0 0 .153-.05l.457-.483c.076-.101.076-.228-.026-.305zm5.586-6.4L7.387 1.178a1.254 1.254 0 0 0-.864-.355h-5.18C.659.823.126 1.38.126 2.042v10.562c0 .686.533 1.219 1.219 1.219h7.312a1.22 1.22 0 0 0 1.219-1.219v-8.43c0-.304-.152-.634-.38-.863zM6.625 2.143l1.93 1.93h-1.93v-1.93zm2.031 10.461H1.344V2.041h4.062v2.641c0 .356.254.61.61.61h2.64v7.312zM5.432 6.256c-.127-.025-.229.051-.28.153l-1.37 4.798c-.052.102.025.229.152.254l.609.204c.127.025.254-.051.28-.153l1.396-4.799c.025-.101-.051-.228-.153-.279l-.634-.178zm.634 1.955v.026l.838.71-.838.737a.24.24 0 0 0-.025.33l.457.483a.232.232 0 0 0 .305 0l1.472-1.372c.077-.101.077-.253 0-.33l-1.472-1.37a.232.232 0 0 0-.305 0l-.457.482a.209.209 0 0 0 .025.304z"/></svg></svg> | **Ctrl** + **Alt** + **E** | **⌘** + **⌥** + **E** |
    | Line of code in text | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M6.629 14.625c.127.025.228-.025.254-.127l3.58-12.314c.025-.102-.025-.229-.127-.254l-.99-.28c-.102-.025-.229.026-.254.127l-3.58 12.315c-.026.101.025.228.152.254l.965.279zM4.52 11.553l.686-.737a.2.2 0 0 0 0-.279l-2.69-2.412 2.691-2.387a.2.2 0 0 0 0-.279l-.686-.736c-.076-.077-.203-.102-.279-.026L.738 7.998a.2.2 0 0 0 0 .28l3.504 3.275a.2.2 0 0 0 .28 0zm7.211 0 3.504-3.276a.2.2 0 0 0 0-.279l-3.504-3.3c-.076-.077-.203-.052-.279.025l-.685.736a.2.2 0 0 0 0 .28l2.691 2.386-2.691 2.412a.2.2 0 0 0 0 .28l.685.736a.2.2 0 0 0 .28 0z"/></svg></svg> | **Ctrl** + **E** | **⌘** + **E** |

- Markdown markup

	#|
	|| **Example** | **Result**  ||
	|| **Inline code** ||
	|| ``Inline code `s = input()`.`` | Inline code `s = input()`. ||
	|| **Code block** ||
	||
	````
	```sql
	price= '2000'
	size= '24'  
	color= 'primary'
	variant= 'detailed'
	```
	````
	|
	```sql
	price= '2000'
	size= '24'  
	color= 'primary'
	variant= 'detailed'
	```
	||
	|#

	* To insert a code snippet as inline text, use the <code> symbol. &#96; </code>.

	* To format code as a separate block, enclose it with <code> symbols. &#96;&#96;&#96; </code>. To enable syntax highlighting, specify the programming language in the first line of the block.

	* All markup characters in a code fragment are automatically escaped. To show the <code> &#96; </code> symbol as plain text rather than a code indicator, use [escape characters](#shielding).


{% endlist %}
<!-- endsource: en/yfmeditor/text-format.md -->

## Formulas {#equation}

<!-- source: en/yfmeditor/text-format.md -->
{% list tabs group=editor %}

- Visual editor

    Click <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M224 48c0-8.84-7.16-16-16-16h-48c-48.6 0-88 39.4-88 88v48H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h56v144c0 22.09-17.91 40-40 40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h16c48.6 0 88-39.4 88-88V216h56c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-48c0-22.09 17.91-40 40-40h48c8.84 0 16-7.16 16-16V48zm93.43 60.92-12.8-9.63c-7.22-5.44-17.81-4.01-22.92 3.41C244.39 157 224 222.17 224 288c0 65.85 20.39 131.02 57.71 185.3 5.11 7.43 15.7 8.85 22.92 3.41l12.8-9.63c6.84-5.14 8.09-14.54 3.28-21.59C289.2 399.27 272 343.92 272 288c0-55.91 17.2-111.26 48.71-157.5 4.8-7.05 3.55-16.44-3.28-21.58zm264.86-6.22c-5.11-7.43-15.7-8.85-22.92-3.41l-12.8 9.63c-6.84 5.14-8.09 14.54-3.28 21.59C574.8 176.73 592 232.08 592 288c0 55.91-17.2 111.26-48.71 157.5-4.8 7.05-3.55 16.44 3.28 21.59l12.8 9.63c7.22 5.44 17.81 4.02 22.92-3.41C619.61 419 640 353.83 640 288c0-65.85-20.39-131.02-57.71-185.3zm-74.84 120.84-10.99-10.99c-6.07-6.07-15.91-6.07-21.98 0L432 255.03l-42.47-42.47c-6.07-6.07-15.91-6.07-21.98 0l-10.99 10.99c-6.07 6.07-6.07 15.91 0 21.98L399.03 288l-42.47 42.47c-6.07 6.07-6.07 15.91 0 21.98l10.99 10.99c6.07 6.07 15.91 6.07 21.98 0L432 320.97l42.47 42.47c6.07 6.07 15.91 6.07 21.98 0l10.99-10.99c6.07-6.07 6.07-15.91 0-21.98L464.97 288l42.47-42.47c6.08-6.07 6.08-15.92.01-21.99z"/></svg></svg> on the toolbar and choose your preferred design:

     * **Formula in text** to embed your formula on the page.

     * **Block with formula** to embed your formula in a separate block.

    <!-- source: en/yfmeditor/tools-tip.md -->
    You can also add formatting elements [using your keyboard](https://yandex.com.tr/support/tracker/en/user/markup.md#keyboard) or through the quick access menu: type `/` and select an item from the list. {#keyboard}
    <!-- endsource: en/yfmeditor/tools-tip.md -->

- Markdown markup

	#|
	|| **Example** | **Result**  ||
	|| **Line with formula** ||
	||
	`Formula in text $e^{ix}=\cos x+i\sin x$`
	|
	Formula in text $e^{ix}=\cos x+i\sin x$
	||
	|| **Block with formula** ||
	||
	```
	$$
	(√a)^2 = a;
	$$
	```
	|
	$(√a)^2 = a;$
	||
	|#

	* To add mathematical formulas inline, use the character `$`.
	* To add mathematical formulas as a separate block, enclose it in the characters `$$`.

{% endlist %}

To create formulas, use the [Katex](https://katex.org/) syntax that is compatible with the TeX/LaTeX format.
<!-- endsource: en/yfmeditor/text-format.md -->

## Users {#user}

<!-- source: en/yfmeditor/text-format.md -->
{% list tabs group=editor %}

- Visual editor


	To reference someone from your organization, type `@` and begin entering their name or login, then select them from the dropdown list.


- Markdown markup


	To reference someone from your organization, type the `@` symbol followed by the employee's login: `@login`.


{% endlist %}
<!-- endsource: en/yfmeditor/text-format.md -->

## Separator {#divider}

<!-- source: en/yfmeditor/text-format.md -->
{% list tabs group=editor %}

- Visual editor

    To add a paragraph separator, on the toolbar, click <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 14 6.125zm-5.906 0a1.874 1.874 0 1 1 0 3.749 1.874 1.874 0 0 1 0-3.749zM2 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 2 6.125z"/></svg></svg> **Other actions**, then select <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 17"><path fill="currentColor" d="M17.125 8.422a.418.418 0 0 0-.406-.406H1.28a.401.401 0 0 0-.406.406v.432c0 .228.178.406.406.406h15.44a.418.418 0 0 0 .406-.406v-.432Z"/></svg></svg> **Separator**.

	<!-- source: en/yfmeditor/tools-tip.md -->
	You can also add formatting elements [using your keyboard](https://yandex.com.tr/support/tracker/en/user/markup.md#keyboard) or through the quick access menu: type `/` and select an item from the list. {#keyboard}
	<!-- endsource: en/yfmeditor/tools-tip.md -->

- Markdown markup

	To add a separator, enter three or more hyphens (`-`), asterisks (`*`), or underscores (`_`) at the beginning of the relevant line:

	```
	Separator 1

	---

	Separator 2

	****

	Separator 3

	____

	```


{% endlist %}
<!-- endsource: en/yfmeditor/text-format.md -->

## Emoji {#emoji}

<!-- source: en/yfmeditor/text-format.md -->
{% list tabs group=editor %}

- Visual editor

    To add an emoji to the page:

    1. On the toolbar, click <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 14 6.125zm-5.906 0a1.874 1.874 0 1 1 0 3.749 1.874 1.874 0 0 1 0-3.749zM2 6.125a1.874 1.874 0 1 1 .001 3.749A1.874 1.874 0 0 1 2 6.125z"/></svg></svg> **Other actions**, then select <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon g-md-command-menu__item-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM6.67 9.665a.75.75 0 0 0-1.34.67c.403.809 1.452 1.415 2.67 1.415s2.267-.606 2.67-1.415a.75.75 0 1 0-1.34-.67c-.097.191-.548.585-1.33.585s-1.233-.394-1.33-.585ZM10 8a.75.75 0 0 1-.75-.75v-1a.75.75 0 0 1 1.5 0v1A.75.75 0 0 1 10 8Zm-4.75-.75a.75.75 0 0 0 1.5 0v-1a.75.75 0 0 0-1.5 0v1Z" clip-rule="evenodd"/></svg></svg> **Emoji**.
    1. Select the emoji you want to add.

	{% note tip "" %}

	If the cursor is at the beginning of the line or follows a space, type `:` and select an emoji from the list.

	<!-- source: en/yfmeditor/tools-tip.md -->
	You can also use the quick access menu: type `/` and select a command from the list. {#slash}
	<!-- endsource: en/yfmeditor/tools-tip.md -->

	{% endnote %}

- Markdown markup

    To add an emoji to your page, enter its name enclosed in colons,

    such as `:smile:`.

{% endlist %}
<!-- endsource: en/yfmeditor/text-format.md -->

## Escaping {#shielding}

<!-- source: en/yfmeditor/text-format.md -->
In Markdown mode, use escaping to show characters that represent markup elements:

* To prevent interpretation of markup characters, escape them with `\`:

    ```
    Superscript^text^
    Superscript\^text^
    ```

    {% cut "Result" %}

    Superscript^index^
    Superscript\^index^

    {% endcut %}

* If you want to display a backtick inside a code fragment, enclose the code in double backticks ` `` `:

  ``` ``SELECT `id` FROM `table` `` ```

    {% cut "Result" %}

    ``SELECT `id` FROM `table` ``

    {% endcut %}
<!-- endsource: en/yfmeditor/text-format.md -->

## Hidden text {#hidden-text}

<!-- source: en/yfmeditor/text-format.md -->
In Markdown mode, you can hide parts of text from other users. Hidden content will only be visible to users editing the text, and only when in markup mode.

To hide text, use the following markup.

`[//]: # (Hidden text)`

Note that there should be an empty line before the hidden text.
<!-- endsource: en/yfmeditor/text-format.md -->
