Table of Contents

• Basic Usage
• Syntax Highlight
  • Supported Code Languages
• Code Actions
  • Copy Code Content
  • Auto Indent Contents
• Code Fences Options
  • Show / Hide Line Numbers
  • Auto Wrap Long Lines
  • Shift + Tab Behavior
  • Indent Size for Code
  • Default Code Language
  • Code Block Styles/Themes

Basic Usage

You can clickParagraph →Code Fences from the menu bar, or input``` andEnter key to insert a code block in Typora.

Syntax Highlight

When you specify a code language for the code block, Typora will highlight the code block based on the selected language.

You can modify the code language for existing code fences in the right bottom input widget of the code block. Or, when creating code fences in markdown, add the code language after```.

Supported Code Languages

Pleasecheck here for supported code languages.

Code Actions

Copy Code Content

You can clickCtrl /Cmd +A to select the whole code block and to copy the code contents.

Or, you can clickCode Tools →Copy Code Content from the context menu, or from menubar →Paragraph to quickly copy contents inside the current code block.

Auto Indent Contents

You can auto indent a selection or the whole code block inCode Tools from the context menu or menubar.

You can also do this by pressingShift +Tab key after configuringShift + Tab Behavior.

Code Fences Options

You can find configurations about code fences underPreferences Panel →Markdown →Code Fences.

Please note that these options will be applied after you restart Typora.

Show / Hide Line Numbers

You can control whether Typora should show line numbers for code blocks by changing the optionDisplay line numbers for code fences underPreferences Panel →Markdown →Code Fences.

Show Line Numbers	Hide Line Numbers

Auto Wrap Long Lines

You can control whether Typora should auto wrap lines, or provide horizontal scroll, when a code block contains text lines that are longer than the width of its code block container. You can change this option fromPreferences Panel →Markdown →Code Fences →Auto wrap long lines.

Wrap Long Lines	No Wrap for Long Lines

Please note that in exported PDF or printed pages, code blocks will always be wrapped, since there’s no scrollbars for “papers”.

Shift + Tab Behavior

After version 1.5, by default,Shift +Tab andShift +[ will indent selected lines in code blocks.

You can change the optionUse Shift+Tab to auto indent selected code to let selected lines beauto indented.

Indent Size for Code

This option controls how manyTab’s are used to render the whitespace in a code block.

Default Code Language

From version 1.6, you can now set a default code language for code blocks fromPreferences Panel →Code Fences.

And Typora provides some apply options:

• Apply default code language when adding code fences from the menubar, context menu, or from shortcut keys.
• Apply default code language when adding code fences by inputting markdown syntax```. You can pressBackspace key orUndo to delete the auto applied code language.
• Apply in both cases.

You can also chooseLast Used to auto apply the last used code language when inserting new code blocks.

Code Block Styles/Themes

You can customize code block stylesfollowing this document.