環(huán)境背景:
vscode + vscode擴(kuò)展插件
Markdown All in One v3.5.0
Markdown Preview Enhanced v0.6.5
1.markdown 添加內(nèi)容:
<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https://網(wǎng)址.html 或者 本地.html" frameborder="1" scrolling="yes" width="320" height="240"></iframe>
</div>
本地只需修改其中src為本地html文件的相對(duì)路徑,如放在src目錄中
src="src/xx.html"
2.轉(zhuǎn)換格式為html
*注意markdown 模式預(yù)覽只能看到一個(gè)框,需要轉(zhuǎn)為html格式
側(cè)邊預(yù)覽模式中渣窜,在右側(cè)右鍵 HTML->HTML(offline),會(huì)生成一個(gè)同名html 文件布讹,打開即可看到
<div xxx>
<iframe 內(nèi)容></iframe>
</div>
<> 前后大小號(hào)要成對(duì)出現(xiàn)
參考:
Markdown語(yǔ)法及原理從入門到高級(jí)(可能是全網(wǎng)最全)
Markdown內(nèi)嵌網(wǎng)頁(yè)