今天來做一個即時預覽的效果。
使用html5 blob 、iframe
demo中按下按鈕就會執行github gist裡面嵌入的內容。
步驟 1 ：建立<iframe>
步驟 2 : html、css字符串轉為blob
步驟 3 ：用URL.createObjectURL() 將blob轉為URL並給<iframe>src屬性
var iframe = document.createElement('iframe');
var blob = new Blob([htmlCode], {
'type': 'text/html'
//用document.getElementById('codeArea').value取到內容
});
iframe.src = URL.createObjectURL(blob);
//把blob 丟到這邊來轉為URL
這個要用在哪裡...大概是在網頁中內容想穿插一個即時效果的展示，但又不想因此多新增一頁的時候。
今天來做一個即時預覽的效果。使用html5 blob 、iframe demodemo裡面的聖誕卡是codepen...
【Xamarin 小工具】Gorilla Player – 開發 Xamarin.Forms 的同時，及時預覽 X...
讀柏楊白話本《卷136》，感：1、重要緊急。通覽歷史，俯瞰古今，凡事預則立，不預則廢。竊以為是，鐵路警察，各管一段...
展覽時間 2019年3月29日-4月1日 銀聯私人預展 3月29日，星期五，下午3-5時 銀聯VIP藏家預展 3月...
讀文白對照本《卷五十五》，感：1、知行合一。通覽歷史五千年，俯瞰古今中與外，凡事預則立，不預則廢。竊以為，言之有理...
在澳門所有媒體預覽上，澳門中華慈善基金會柯會長出席第四届澳門藝術博覽會，為澳門以藝術品冠名的公募基金會，依託人們崇...
文/博土 農曆九月十六 下午突然接到老朋友電話說過來茶社喝茶，說在對面預覽新款，她做服裝的，以前算是我所在公司的客...
西安元月4號天氣預報西安元月4號天氣預報西安元月4號天氣預報西安元月4號天氣預報西安元月4號天氣預報西安元月4號天氣預報
天氣預報查詢24小時天氣預報查詢24小時天氣預報查詢24小時天氣預報查詢24小時天氣預報查詢24小時天氣預報查詢24小時
天氣預報40天查詢天氣預報40天查詢天氣預報40天查詢
本文标题：Day5 : 預覽
本文链接：https://www.haomeiwen.com/subject/sweyixtx.html
网友评论