环境背景:
vscode + vscode扩展插件
Markdown All in One v3.5.0
Markdown Preview Enhanced v0.6.5
1.markdown 添加内容:
<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https://网址.html 或者 本地.html" frameborder="1" scrolling="yes" width="320" height="240"></iframe>
</div>
本地只需修改其中src为本地html文件的相对路径,如放在src目录中
src="src/xx.html"
2.转换格式为html
*注意markdown 模式预览只能看到一个框,需要转为html格式
侧边预览模式中,在右侧右键 HTML->HTML(offline),会生成一个同名html 文件,打开即可看到
<div xxx>
<iframe 内容></iframe>
</div>
<> 前后大小号要成对出现