嵌入视频、媒体或网络内容 #
你可以使用 <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'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&ref_src=twsrc%5Etfw">#nature</a> <a href="https://twitter.com/hashtag/sunset?src=hash&ref_src=twsrc%5Etfw">#sunset</a> <a href="http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>— 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) 中的例子。