嵌入视频、媒体或网络内容 #

你可以使用 <HTML> 代码,在 Typora 中嵌入视频/音频或远程网络内容。

视频 #

你可以像这样嵌入一个视频。

<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> snips。

<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 #

<iframe> 中嵌入 PDF 文件不再支持原生。

你可以尝试用在线文件查看器来代替,例如 https://gist.github.com/tzmartin/1cf85dc3d975f94cfddc04bc0dd399be (opens new window) 中的例子。