环境背景：
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格式
image.png
侧边预览模式中，在右侧右键 HTML->HTML(offline),会生成一个同名html 文件，打开即可看到
<div xxx>
<iframe 内容></iframe>
</div>
<> 前后大小号要成对出现
网友评论