Typora中的HTML支持

by Typora.net
最新版本的Typora已经支持普通的HTML标签。 内嵌HTML标记（如<span>）<sup>将在您输入其close标记后立即呈现，就像其他Markdown语法（如**或）一样__。其他支持的标记在单独的块中呈现，并且可以像数学块一样轻松地在输出和HTML源代码之间切换。 对于安全性转换，无论使用<script>何种onload属性，都不支持任何脚本。class，id和data-*也不受支持。对于iframe，可以在脚本中使用脚本<iframe>，但脚本将使用sandbox属性进行包装，并且无法访问您的书写内容或本地文件。 您可以在以下各节中找到更多详细信息。 目录

内联HTML

Typora现在可以像常规内嵌Markdown样式一样呈现内嵌HTML，例如：
原始降价来源 实时预览中的输出
<span style='color:red'>This is red</span> 这是红色的
<ruby> 漢 <rt> ㄏㄢˋ </rt> </ruby> 汉ㄏㄢˋ
<kbd>Ctrl</kbd>+<kbd>F9</kbd> Ctrl+F9
<span style="font-size:2rem; background:yellow;">**Bigger**</span> 大
HTML entities like &reg; &#182; HTML实体，例如®¶
写作经验也一样： 为了便于编辑，Typora将显示带有display:none样式的空标签或HTML ，例如，Markdown之后的相关内容在Typora中可见，但在导出后不可见。 
## <a name="anchor"></a> Header 2

<span style="display:none">I am hidden after export</span>

HTML实体

您可以直接在Typora中使用HTML实体，例如： &frac14;→¼，&#x1D517;→𝔗 但是我们建议直接输入其unicode，这样更具可读性和兼容性。

HTML块

块级别的HTML标签，而“不可见的”标记（例如script，meta等）在降价文档将被呈现为HTML块，例如： 
<details>
    <summary>I have keys but no locks. I have space but no room. You can enter but can't leave. What am I?</summary>
    A keyboard.
</details>
将呈现为：
我有钥匙但没有锁。我有空间，但没有空间。您可以输入但不能离开。我是什么？
通过在其中移动光标或单击非交互式部分或使用command/ ctrl+单击，HTML块可以进入编辑模式。 Markdown语法不会在HTML块内解析，这与GFM / CommonMark相同。 为了便于编辑，某些内联标签（例如）svg也可以使用与那些块级HTML标签相同的编辑行为。 Typora不显示“看不见”的标签，如预览<script>，<meta>和<style>，但只显示他们的原料来源。

媒体和嵌入式内容

视频

您可以嵌入这样的视频： 
<video src="xxx.mp4" />
或将视频文件拖放到Typora中，Typora将自动插入视频。 的路径Video遵循相同的图像规则。因此，选项“尽可能使用相对路径”和“图像根路径”也适用于<video>内容。

音讯

与相同<video>，您可以使用<audio>标签嵌入音频： 
<audio src="xxx.mp3" />

嵌入网页内容

有些网站允许您将其内容嵌入其他网页，其中大多数都支持<iframe>，Typora也支持。您可以按照他们的“共享”页面/对话框，然后将其代码粘贴到Typora中，例如： 
<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='//codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/jeangontijo/pen/OxVywj/'>Fancy Animated SVG Menu</a> by Jean Gontijo (<a href='https://codepen.io/jeangontijo'>@jeangontijo</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
这将成为 一些网站仅提供基于Javascript的嵌入代码，而不提供<iframe>摘录，例如： 
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Sunsets don&#39;t get much better than this one over <a href="https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://twitter.com/hashtag/nature?src=hash&amp;ref_src=twsrc%5Etfw">#nature</a> <a href="https://twitter.com/hashtag/sunset?src=hash&amp;ref_src=twsrc%5Etfw">#sunset</a> <a href="http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>&mdash; US Department of the Interior (@Interior) <a href="https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Typora仅支持某些基于脚本的共享代码，并且这些内容/脚本也将在沙箱iframe中运行，而无权访问本地文件和编写内容。 我们可以考虑允许用户在以后的更新中为此类型配置“ 白名单 ”。

PDF格式

不再受支持，您可以尝试使用在线文件查看器，例如https://gist.github.com/tzmartin/1cf85dc3d975f94cfddc04bc0dd399be中的示例。

评论

Typora支持使用语法的HTML注释<!-- comments --> ，例如： 
<!-- I am some comments
not end, not end...
here the comment ends -->
在导出/打印时它们是不可见的。

<Strong>还是**？

请使用markdown语法而不是原始的HTML标记，因为后面的标记易于输入，并且Typora更好地支持该标记。

局限性