生成 iFrame 代码块

您可以直接从浏览器为符号生成 <iframe> 块。然后可以在外部网站中使用该代码块在运行时查看工业图形。

1. 导航到图形。

2. 选择共享 图标 。

3. 在父对象字段中，指定此图形的父对象。

4. 将显示支持的自定义属性的列表。选择一个自定义属性，然后提供一个值。

   提供的所有值都将针对数据类型进行验证。例如，如果某个自定义属性需要整数值，将不允许输入字符值。

5. 选择支持跨源以在本地或远程计算机上的任何 Web 客户端中使用脚本。

   嵌入的 HTML 代码将根据所选选项进行更改。

6. 选择复制。

7. 您现在可以将网站中生成的代码粘贴到一个 .html 文件中。

   <iFrame src="http://<hostname>/InTouch/?iframe=true&symbol=Sym1?crossOrigin=1" id="symbol" width="640px" height="480px" customProperty='[{"n":"CP1","v":"True","t":1},{"n":"CP2","v":"24.5","t":6},{"n":"CP3","v":"Orange","t":7}]' onload="postMsg()"></iFrame>

   <script type="text/javascript">

   函数 postMsg(){

   var iframe=document.getElementById('symbol');

   var obj={};

   for (var i=0;i<iframe.attributes.length;i++) {

   obj[iframe.attributes[i].nodeName]=iframe.attributes[i].nodeValue;

   }

   var win=iframe.contentWindow;

   win.postMessage(obj,obj['src']);

   };

   </script>

   If Language = French (France)

   <iFrame src="http://<hostname>/InTouch/?localeid=1036&iframe=true&symbol=Sym1" id="symbol" width="640px" height="480px" onload="postMsg()"></iFrame>

   <script type="text/javascript">

   函数 postMsg(){

   var iframe=document.getElementById('symbol');

   var obj={};

   for (var i=0;i<iframe.attributes.length;i++) {

   obj[iframe.attributes[i].nodeName]=iframe.attributes[i].nodeValue;

   }

   var win=iframe.contentWindow;

   win.postMessage(obj,'*');

   };

   </script>