iframe載入器是多媒體組件的一種,支援自訂iframe連結,適用於將網頁嵌入大屏中進行顯示。本文檔為你介紹iframe各配置項的含義,幫助你快速準確地使用iframe組件。
基礎設置
width:組件在編輯器中的寬度
height:組件在編輯器中的高度
top:組件與編輯器頂部的距離
left:組件與編輯器左側的距離
iframe地址:配置組件所顯示頁面的連結
return [{
src: "https://open.iot.10086.cn/doc/"
}]
為了應對更多複雜場景,編輯器提供了向iframe視窗單方向通信的介面,你可以在引入的iframe視窗中添加如下代碼實現單向通信
<script type="text/javascript">
window.addEventListener("message", function(event) {
console.log(event.data);
}, false);
</script>
setId:當iframe視窗在編輯器中載入時,便會收到來自"setId"的一個資訊,此資訊會返回該視窗在編輯器中的"id"屬性
dataChange:編輯器中的數據來源一旦改變便會收到"dataChange"的一個消息,此資訊會返回綁定的數據來源結果