Typora Support

Typora 1.13

2026-04-03T00:00:00+00:00

New / Improvements

Upgrade to MathJax v4

Line breaks are now supported by default — use \\ to insert a line break in math equations.
Added support for new TeX packages and commands, including:
- begingroup package for localizing macro definitions.
- bboldx package for blackboard bold fonts for Greek letters and digits.
- More text-mode macros:
  - Accents: \., \', \^, \`, \=, \~, \”, \u, \v, \H, \t, \c, \d, \b.
  - Symbols: \$, \%, \&, \#, \_, \{, \}, \ (backslash-space).
  - Special Characters: \AA, \aa (Ångström).

Upgrade to Mermaid 11.13.0

New Venn diagram
New Ishikawa diagram
Better syntax highlighting for mermaid code.
Other fix: Fixed document link addresses, export multiple diagrams and sub-element rendering in Mermaid diagrams.

Open in Typora from VSCode or Cursor

We published the Open in Typora extension for Visual Studio Code and Cursor. Right-click any Markdown file in the explorer or editor tab and select “Open in Typora” to launch it directly in Typora.

See Open in Typora — VS Code Extension for installation and usage details.

General Improvements

Changing Markdown settings no longer requires restarting Typora — a tooltip and button are now provided to reload the window and apply changes.
Better sidebar resize indicator UI.
Improved search performance.
Improved UI, including the source code mode button on macOS 26.
Improved PDF export logic — all PDF export features are now enabled on macOS 26.2.
Improved sidebar resize behavior.
Changed the “send anonymous info” setting from enabled by default to disabled by default for new installations.
New UI language – Irish, and improve translation for other languages as well.
View switch between source code mode and hybrid editing mode will preserve scroll position.
Add “Copy as Plain Text” in context menu.
Update IGCSE 0478 keywords for pseducode syntax.

Bug Fixes

Fixed inserting content via macOS Services not working when Typora has data in the clipboard.
Fixed a security issue.
Fix default name not generated for untitled document.
Fixed UI freezing and menus disappearing when modifying the export list in some cases.
The <track> element inside <video> now respects relative path settings.
Fixed anchor positioning when clicking outline entries in the sidebar of exported HTML.
Fixed the editor window not scrolling in some cases when clicking an outline anchor.
Fixed an indentation rendering issue affecting lists and block quotes.
Fixed a deletion bug.
Fixed some HTML code not being preserved when printing to PDF.

Line Spacing and Paragraph Spacing

2026-03-29T00:00:00+00:00

Typora uses CSS to control spacing. You can customize line spacing (the space between lines within a paragraph) and paragraph spacing (the gap between paragraphs) by adding Custom CSS.

Outline

Quick Start
Line Spacing
- Line Spacing for Specific Elements
Paragraph Spacing
- Spacing for Other Block Elements
Full Example: Compact Layout
Full Example: Relaxed Layout
Related

Quick Start

If you just want tighter spacing to see more content on screen, add the following to your base.user.css file (see how to open it):

#write {
  line-height: 1.2;
}

#write p,
#write li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

This gives you compact single-like spacing with minimal gaps between paragraphs. Adjust the values to your preference.

Line Spacing

Line spacing is controlled by the CSS line-height property. Different themes set different defaults — for example, the GitHub theme uses 1.6, while others may use 1.4 or 1.5.

To change line spacing for the entire writing area:

#write {
  line-height: 1.6; /* default for GitHub theme */
}

Common values:

Value	Effect
`1.0`	No extra space between lines (very tight)
`1.2`	Tight, compact spacing
`1.4` – `1.6`	Comfortable reading (most theme defaults)
`1.8` – `2.0`	Double-spaced, similar to Word’s “double”

You can also use other CSS units:

#write {
  line-height: 24px;   /* fixed pixel value */
  line-height: 1.5rem; /* relative to root font size */
  line-height: 1.5em;  /* relative to element font size */
  line-height: 1.5;    /* unitless — recommended, scales with font size */
}

Tip: Unitless values (like 1.5) are generally recommended over fixed units, because they scale proportionally when you change font size.

Line Spacing for Specific Elements

You can set different line spacing for headings, paragraphs, or other elements:

/* tighter headings */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
}

/* more space in paragraphs */
#write p {
  line-height: 1.8;
}

/* compact lists */
#write li {
  line-height: 1.3;
}

/* code blocks */
.md-fences {
  line-height: 1.4;
}

Paragraph Spacing

Paragraph spacing is controlled by CSS margin properties. By default, Typora adds 1rem of margin above and below each paragraph.

To reduce the gap between paragraphs:

#write p {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

To remove paragraph gaps entirely:

#write p {
  margin-top: 0;
  margin-bottom: 0;
}

To increase paragraph spacing:

#write p {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

Spacing for Other Block Elements

Paragraphs are not the only elements with spacing. You can adjust headings, lists, blockquotes, and code blocks too:

/* heading spacing */
h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

/* list item spacing */
#write li {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}

/* blockquote spacing */
blockquote {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* code block spacing */
.md-fences {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

Full Example: Compact Layout

Here is a complete example for a compact, single-spaced layout that maximizes visible content:

/* compact line spacing */
#write {
  line-height: 1.3;
}

/* minimal paragraph gaps */
#write p,
#write li {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

/* tighter headings */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  margin-top: 1rem;
  margin-bottom: 0.3rem;
}

/* compact blockquotes and code blocks */
blockquote,
.md-fences {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

Full Example: Relaxed Layout

For a more spacious, double-spaced feel:

#write {
  line-height: 2.0;
}

#write p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

Add Custom CSS — where to place your CSS
Custom Font — change font family and size
Width of Writing Area — adjust page width
Typesetting with CSS — more typesetting options

Open in Typora — VS Code Extension

2026-03-17T00:00:00+00:00

If you use both Visual Studio Code / Cursor and Typora, you can now switch between them seamlessly with the Open in Typora extension for VS Code.

This extension adds an “Open in Typora” action to the right-click context menu in VS Code, allowing you to quickly open any Markdown file in Typora with a single click.

Install

Open Visual Studio Code or cursor.
Go to the Extensions view (Ctrl+Shift+X / Cmd+Shift+X).
Search for “Open in Typora”.
Click Install.

Or install it directly from the VS Code Marketplace.

Usage

In VS Code, right-click on a Markdown file in the Explorer sidebar or in the editor tab.
Select “Open in Typora” from the context menu.
The file will open in Typora.

Supported File Extensions

The following file extensions are supported by default:

.md, .markdown, .mdown, .mmd, .text, .txt, .rmarkdown, .mkd, .mdwn, .mdtxt, .rmd, .qmd, .mdtext, .mdx

Customize Supported Extensions

You can customize which file types are available for the “Open in Typora” action by modifying the typora.supportedExtensions setting in VS Code:

Open Settings (Ctrl+, / Cmd+,).
Search for typora.supportedExtensions.
Edit the list of extensions (without the dot prefix), for example:

"typora.supportedExtensions": ["md", "markdown", "txt", "qmd"]

Requirements

Typora must be installed on your system.
VS Code 1.85.0 or higher.
On Windows and Linux, typora should be available in your system PATH.

Source Code

The extension is open source. Visit the GitHub repository for source code and issue reporting.

Typora 1.12

2025-09-19T00:00:00+00:00

Typora is now macOS Tahoe ready

The Typora icon on macOS is now Tahoe style, with dark mode, and custom colors:

The “window style” option is removed on macOS 26, now defaults to “seamless” style.

Context menu and menu bar now follows macOS 26 style, with icons:

We also fixed UI compatibilities under macOS 26.

Last, the “Share” action was added back, not only for macOS 26, but for all macOS versions supported. You can open share by selecting some text or image, and then select “share” menu item in the context menu.

Typora 1.11

2025-08-16T00:00:00+00:00

New
- LaTeX delimiters for math
- Move row up / down
Improvements
Bug Fix
- Export
- Other Fix

New

LaTeX delimiters for math

Previously, Typora supports $ and $$ for triggering inline and block math modes. However, other systems, like ChatGPT or LMS predominantly utilize $ and $ for inline math, and \[ and \] for block math.

To improve the compatibility with our Markdown syntax, now, LaTeX delimiters are supported by Typora after enable it in preferences panel (which requires restart Typora to apply).

Here are the examples:

	Markdown Code	Markdown Preview
Default Delimiter Inline Math	$a \ne 0$
LaTeX Delimiter Inline Math	`$ a \ne 0 $`
Default Delimiter Block Math	$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$
LaTeX Delimiter Block Math	\[ x = {-b \pm \sqrt{b^2-4ac} \over 2a} \]

Move row up / down

Previously you can move row up or down in a table using Alt + Arrow keys.

Now you can move row or paragraph up and down in lists and all other blocks using Alt + Up/Down keys.

Improvements

Mermaid

Now mermaid library is updated to version 11.9.

Add Radar Chart

See more details here

```mermaid
---
title: "Grades"
---
radar-beta
  axis m["Math"], s["Science"], e["English"]
  axis h["History"], g["Geography"], a["Art"]
  curve a["Alice"]{85, 90, 80, 70, 75, 90}
  curve b["Bob"]{70, 75, 85, 80, 90, 85}

  max 100
  min 0
```

Add Treemap

See more details here

```mermaid
treemap-beta
"Category A"
    "Item A1": 10
    "Item A2": 20
"Category B"
    "Item B1": 15
    "Item B2": 25
```

Other than new diagrams

Now Typora only export zenuml CSS when needed, which reduced the file size of exported HTML.
Fix text in mermaid diagrams get clipped when export to PDF.
Fix mermaid code not working under macOS 12.
When “Indent first line of paragraph” is enabled, text in mermaid diagrams will not be indented.
Fix --- not correctly rendered in mermaid.

Copy & Paste

Math are kept when paste from text generated by ChatGPT and AI tools.
Styles are kept when copy from Typora and paste into WeChat Official Account (微信公众号).
“Copy without theme styling” now respect the setting of “copy markdown source as plain text”.
Fix bug that gif image in clipboard cannot be inserted into markdown document in some cases.
Fix a bug that paste a list sometimes not working correctly.

Video and Images

Behavior Changes:

Typora will now add controls attribute for <video> tags when drop video into Typora. The controls attribute is explained here.
Images will not contain referrerPolicy='no-referrer' by default when export to HTML. If you need referrerPolicy, please explicitly set referrerPolicy using <img /> tag, instead of the default Markdown ![]() syntax for images.

Emoji

Fix emoji missing in bold text when export.
SF symbols can be used on built-in themes on macOS.
Add options to disable emoji autocomplete when user input :.

Linux

If you use apt to install Typora below version 1.11, we recommend you to remove the old keys and replace with the new one. The old typora.asc was considered unsafe as it uses SHA1 as digest algorithms.

sudo rm /etc/apt/trusted.gpg.d/typora.asc

After remove the old key, re-add the new key and then install or update Typora:

# Add your key
sudo mkdir -p /etc/apt/keyrings
curl -fsSL https://downloads.typora.io/typora.gpg | sudo tee /etc/apt/keyrings/typora.gpg > /dev/null

# Add the repo securely
echo "deb [signed-by=/etc/apt/keyrings/typora.gpg] https://downloads.typora.io/linux ./" | sudo tee /etc/apt/sources.list.d/typora.list
sudo apt-get update

# install typora
sudo apt-get install typora

Wayland

We improved compatibility on Wayland, you can launch Typora using following arguments on Wayland:

--enable-features=UseOzonePlatform --ozone-platform=wayland --enable-wayland-ime --wayland-text-input-version=3

I18N

Improve UI translations for Slovenian, Chinese, Dutch, Polish, Norwegian Nynorsk, French, Portuguese and Swedish.

Bug Fix

Export

Fix a bug that list bullet got missing after 999 list items when export.
Fix PDF glitch after export on macOS.

Other Fix

Fix a bug that when user scroll after filtering content in outline, the filter panel and filter state will exit unexpectedly.
Preserve the setting status of zoom with mouse wheel.
Fix some code block with “url” mode cannot be rendered.
Fix sort naturally button in file sidebar.

Typora 1.10

2025-02-15T00:00:00+00:00

Improvements
- Better PDF Export
- Mermaid Upgrade
Alert
- Code Block
- Image
- I18N
Fix
One More Thing

Improvements

Better PDF Export

Now the Windows / Linux version can export PDF with dark theme and will paint page background by default. This behavior is now same with the macOS version.

Mermaid Upgrade

Mermaid is now upgrade to 11.4, with new diagrams including:

Packet Diagram

---
title: "TCP Packet"
---
packet-beta
0-15: "Source Port"
16-31: "Destination Port"
32-63: "Sequence Number"
64-95: "Acknowledgment Number"
96-99: "Data Offset"
100-105: "Reserved"
106: "URG"
107: "ACK"
108: "PSH"
109: "RST"
110: "SYN"
111: "FIN"
112-127: "Window"
128-143: "Checksum"
144-159: "Urgent Pointer"
160-191: "(Options and Padding)"
192-255: "Data (variable length)"

Kanban Diagram

---
config:
  kanban:
    ticketBaseUrl: 'https://mermaidchart.atlassian.net/browse/#TICKET#'
---
kanban
  Todo
    [Create Documentation]
    docs[Create Blog about the new diagram]
  [In progress]
    id6[Create renderer so that it works in all cases. We also add som extra text here for testing purposes. And some more just for the extra flare.]
  id9[Ready for deploy]
    id8[Design grammar]@{ assigned: 'knsv' }
  id10[Ready for test]
    id4[Create parsing tests]@{ ticket: MC-2038, assigned: 'K.Sveidqvist', priority: 'High' }
    id66[last item]@{ priority: 'Very Low', assigned: 'knsv' }
  id11[Done]
    id5[define getData]
    id2[Title of diagram is more than 100 chars when user duplicates diagram with 100 char]@{ ticket: MC-2036, priority: 'Very High'}
    id3[Update DB function]@{ ticket: MC-2037, assigned: knsv, priority: 'High' }

  id12[Can't reproduce]
    id3[Weird flickering in Firefox]

Architecture Diagrams

architecture-beta
    group api(cloud)[API]

    service db(database)[Database] in api
    service disk1(disk)[Storage] in api
    service disk2(disk)[Storage] in api
    service server(server)[Server] in api

    db:L -- R:server
    disk1:T -- B:server
    disk2:T -- B:db

Alert

Toggle alert from View menu now follows the same logic as blockquote, which means you can select a range of paragraph and changes them into Github Alert from Paragraph → Alert from menubar.

Code Block

Add gas syntax highlight, in previous version, gas will be treated as alias of assembly incorrectly.
Add url syntax highlight:

Image

The image uploader option, piclist is applied on all languages.
Fix syntax switch for images failed in some cases.
The dev versions now have new image insert action — Convert the file to TextBundle format.
Allow users to drag-and-drop / insert images with jiff extension.
Do not escape image url with http protocol.

I18N

Update translations for

Danish
Hindi
Vietnamese

Fix

Fix window fullscreen / maximize state not restored on Typora restart.
Allow scroll the side mega menu panel when zoomed under Windows.
Fix file contains some emojis are not detected as UTF-8 encode
Fix select lists items and toggle list type be applied on wrong blocks.
Fix typing on last line of code block may make the app hangs.
Fix adding anchor link to headings with “+” character not work correctly after export.

One More Thing

Now the dev version of Typora supports TextBundle format on Both macOS and Windows operating system.

Please note that this feature is still in beta and only available on dev versions of Typora .

Typora 1.9

2024-06-20T00:00:00+00:00

New
- Code Block Math
Improvements
Fix

New

Code Block Math

You enable Code Block Math in Preferences Panel → Markdown → Code Block Math to enable support for Gitlab / GitHub style math block (https://docs.gitlab.com/ee/user/markdown.html#math) with following syntax:

```math
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
```

It renders as:

Please note that Typora also support inline math like $a+b$ and math block like:

$$
a+b
$$

Improvements

EPub Export

Epub export now adds a “Chapter Level in Outline” option, you could now specify the number of section levels to include in the table of contents. The default is 3 (which means that level-1, 2, and 3 headings will be listed in the contents).

Block Diagram

Mermaid library is now upgrade to version 10.9, which introduces a new Block Diagrams.

For more details, please click here.

Header Anchor Spec

For a bookmark link to a heading in the current file, use a hash symbol followed by the lowercase words of the heading. Remove punctuation from the heading and replace spaces with dashes.

Previously Typora will remove most western punctuation, while remains some Unicode punctuation, now Typora will follow following spec:

convert heading string to lowercase words
keep - (hyphen)
replace whitespace with - (hyphen)
convert en dash to -- 
convert em hash to ---
remove other punctuation 

Other Improvements

New file on file tree no longer need confirm after input its filename.
Add structured text code syntax highlight.
Follow CommonMark rule to handle whitespace inside code.
Shorten recent file path length in recent menu on Windows / Linux.
Custom alert text set by CSS styles are not kept after export to PDF / HTML.
“Debug Mode” is now removed on macOS, users can now debug Typora elements from Safari → Develop menu (See here for detail).
Update languages in Polish, Traditional Chinese, Slovenian, Czech and Norwegian Nynorsk.

Fix

Fix XSS on mermaid and math.
Fix video cannot be fullscreen when user click fullscreen button on video.
Fix a bug that triple-click on a link in Math block closes the window.
Fix issue when parsing inline code with whitespaces.
Fix an issue that some images backed by cloudflare cannot be loaded by Typora.
Fix bookmark for exported PDF cannot be shown in Adobe Reader.
Fix some remote images cannot be loaded on macOS.
Fix “&” not displayed for file path contains “&” In “recent files” menu on Windows / Linux.
Fix “$” in code language name leads to a wrong string.
Other bug fix.

安装与使用 VLOOK

2024-06-13T00:00:00+00:00

English Version

VLOOK™ 让你的 Markdown 有了新看 (wán) 法！

只需要三步，让你快速上车，开启不一样的 Markdown 体验之旅！

第1步：下载与设置

第2步：安装主题包

第3步：配置导出选项

第1步：下载与设置

• 下载插件

从 VLOOK™ 在托管的平台上下载最新发布版本：

GitHub　　Gitee

• 安装 Typora

下载并安装 Typora 的最新版本；
进入配置界面：Typora ▸ 偏好设置 ▸ Markdown
启用 Markdown 扩展语法 、 代码块下的所有选项。详见下图：

第2步：安装主题包

• 安装主题

将 released/theme 下所有 CSS 文件复制至 Typora 的主题目录；
主题目录在哪？可通过 偏好设置 ▸ 外观 ▸ 打开主题目录 定位到该目录。

• 选用主题

重启 Typora；
点击 主题 菜单，选择以 Vlook *** 形式命名的任意主题即可；
建议基于 VLOOK™ 规范的文档模板来创建你自己的 Markdown 文档，这样能更快上手。

• 从模板开始书写

建议基于 VLOOK™ 规范的文档模板创建自己的 Markdown 文档，以便更快地入门。

所有文档范例 .md 文件位于目录 released/samples 中

第3步：配置导出选项

• 配置导出设置

启动 Typora 并进入 偏好设置
点击 导出，添加配置（ 选择 HTML 模板 ），并将配置命名为 VLOOK

• 安装元标签

打开元标签文件：released\plugin\meta.txt
全选并复制所有内容
将内容粘贴至「在 <head /> 中添加」

• 安装插件

打开插件文件：released\plugin\plugin.txt
全选并复制所有内容
将内容粘贴至「在 <body /> 中添加」

• 一键导出为 HTML

打开符合 VLOOK™ 规范的 md 文件；
点击 文件 ▸ 导出 ▸ VLOOK 完成导出。

补充说明

语言包

VLOOK™ 的界面语言默认内置了「英文、简体中文」，对导出后的 HTML 需要支持更多语言，可以选择将对应语言包的内容，追加到以上导出配置中「元标签」内容的后面，重新导出 HTML 即可。

目前可扩展支持的语种：

Français Detusch Русский Español Português Traditional Chinese 日本語 한국어 العربية

• 选择语言包

语言包文件位于 released/plugin/lang 目录下（或直接访问 GitHub 上的 lang 文件夹）
打开一个或多个语言文件，并复制所有内容（如：Français.txt ）

• 更新导出配置

打开 Typora > Preferences，并选择添加的导出配置 VLOOK
将复制的内容追加到 在 <head /> 中添加 已有内容的后面（注意：不是覆盖原有内容！）

如果需要扩展支持多个语种，重复以上操作步骤即。

升级与兼容性

• 如何更新插件到最新版本？

若有新版本，在右下角会出现新版本升级提示图标，重复以上 3 s个步骤进行操作即要完成更新。

• 推荐选择兼容的浏览器！

为保障最佳的使用体验，强烈建议使用以下浏览器访问：

Chrome　　Edge　　Firefox

Install and Use VLOOK™ Themes and Plugins

2024-06-04T00:00:00+00:00

中文说明

VLOOK™ - Give Your Markdown a New Perspective!

You can start a brand new Markdown experience in just 3 steps:

1.Download and Configure

2.Install the Theme Package

3.Configure Export Options

step 1: Download and Configure

• Download the Plug-in:

Download the latest version from the homepage of VLOOK™:

GitHub 　　Gitee

• Enable extended syntax:

Enable all options under Markdown Extended Syntax, Code Blocks of Typora. See the figure below for details:

step 2: Install the Theme Package

• Install the Themes:

The released\themes all CSS files are copied to Typora theme directory;
Where is the theme directory? You can navigate to this directory by clicking Settings ▸ Appearance ▸ Open Theme Directory.

• Select Theme:

Restart Typora;
Click the Themes menu, select to Vlook *** any topic can be in the form of naming.

• Start Writing from the Template:

It is recommended to create your own Markdown document based on the document samples of the VLOOK™ specification, so that you can get started faster.

All samples .md files in the directory released/samples

step 3: Configure Export Options

• Configure export setting:

Start Typora and enter “Preferences”
Click “Export”, add configuration (select HTML as a template), and name the configuration VLOOK

• Install Meta Tag:

Open the meta tag file: released\plugin\meta.txt
Select and copy all contents
Paste to “Append in <head />”

• Install the Plugin:

Open the plug-in file: released\plugin\plugin.txt
Select and copy all contents;
Paste to “Append in <body />”

• One-click export via VLOOK:

Open the md file conforming to the VLOOK™ specification;
Click File ▸ Export ▸ VLOOK to export.

Supplement

Language Package

VLOOK™ UI language is pre-installed with English and Simplified Chinese by default.

To support more language for the exported HTML, you can choose to append the content of the corresponding language package to the “Meta Tag” section in the export configuration. After doing so, re-export the HTML to include the additional language.

Currently supported languages for expansion include:

Français Detusch Русский Español Português Traditional Chinese 日本語 한국어 العربية

• Select language package

The language package file is located in the released/plugin/lang (Or directly visit the lang folder on GitHub)
Open language file and copy all the content. (e.g: Français.txt )

• Update export configuration

Open Typora > Preferences, and select the added export configuration VLOOK
Append the copied content to the end of the existing content in the Append in <head /> (Note: Do not overwrite the existing content!)

If you need to extend support for multiple languages, simply repeat the steps above.

Upgrades and Compatibility

• How to update to latest version ?

To upgrade the old version of VLOOK™ to the latest version, please first follow Step 1 above to download the latest release version, and then update the corresponding “==Theme Package==” and “==Export Options==” according to Steps 2 and 3.

• Recommend compatible browser !

In order to ensure the best user experience, it is strongly recommended to use the following browsers to access:

Chrome　　Edge　　Firefox

Debug Themes / CSS

2024-05-15T00:00:00+00:00

macOS

For macOS ≥ 13.3 and Typora ≥ 1.9, you can debug Typora theme or CSS in following way:

Enable Develop menu item in Safari — you must also have enabled Web Inspector in the Settings app under Safari > Advanced > Web Inspector. Learn more about enabling Web Inspector…
Select Safari menu → Develop → [your device name] → Typora to open the DevTools.

For older macOS, you can enable debug mode from Typora preferences panel → General, restart Typora and then right click on Typora writing area and select Inspect Element.

Windows / Linux

You could open DevTools from View -> Toggle DevTools menu item.

Typora Support

Typora 1.13

New / Improvements

Upgrade to MathJax v4

Upgrade to Mermaid 11.13.0

Open in Typora from VSCode or Cursor

General Improvements

Bug Fixes

Line Spacing and Paragraph Spacing

Quick Start

Line Spacing

Line Spacing for Specific Elements

Paragraph Spacing

Spacing for Other Block Elements

Full Example: Compact Layout

Full Example: Relaxed Layout

Related

Open in Typora — VS Code Extension

Install

Usage

Supported File Extensions

Customize Supported Extensions

Requirements

Source Code

Typora 1.12

Typora is now macOS Tahoe ready

Typora 1.11

New

LaTeX delimiters for math

Move row up / down

Improvements

Mermaid

Add Radar Chart

Add Treemap

Other than new diagrams

Copy & Paste

Video and Images

Emoji

Linux

Wayland

I18N

Bug Fix

Export

Other Fix

Typora 1.10

Improvements

Better PDF Export

Mermaid Upgrade

Packet Diagram

Kanban Diagram

Architecture Diagrams

Alert

Code Block

Image

I18N

Fix

One More Thing

Typora 1.9

New

Code Block Math

Improvements

EPub Export

Block Diagram

Header Anchor Spec

Other Improvements

Fix

安装与使用 VLOOK

第1步：下载与设置

第2步：安装主题包

第3步：配置导出选项

补充说明

语言包

升级与兼容性

更多文档

Install and Use VLOOK™ Themes and Plugins

step 1: Download and Configure

step 2: Install the Theme Package

step 3: Configure Export Options

Supplement

Language Package