vue項目集成金格WebOffice2015

下載

官網地址：http://www.goldgrid.com/jinge_download/index.aspx?num=5

• 解壓后的文件
  
• js文件中有兩個重要的js文件iWebOffice2015.js和WebOffice.js
• WebOffice.js是WebOffice2015對象的一些方法。
• iWebOffice2015.js是根據不同的瀏覽器環境來渲染<object>
  

實現

將iWebOffice2015.js和WebOffice.js放入static目錄下

index.html中引入WebOffice.js

修改iWebOffice2015.js

• 官網iWebOffice2015.js源文件在下面截圖處少了一個閉合標簽，如下圖添加
  

• 由於異步加載不允許使用document.write方法，這里注釋掉document.write(str)
  

• 【可選操作】，注釋瀏覽器判斷，這里由於未寫入文檔流，所以獲取一些屬性是出錯的，如document.getElementById("WebOffice").type，注釋掉就可以

/*注釋以下代碼*/
/*if ((window.ActiveXObject != undefined) || (window.ActiveXObject != null) || "ActiveXObject" in window) {

} else {
	if (browser == "firefox") {
		if(version < "52"){
			var fireFoxType = navigator.mimeTypes["application/kg-activex"];
			if (fireFoxType == undefined) {
				document.getElementById("WebOffice").width = "1px";
				var str='<div width="100%" height="100%" style="text-align:center; color: red;font-size:30px;" >該插件不受支持</br>點擊跳轉解決方案</div>';
				var t = document.getElementById("OfficeDiv");
				t.innerHTML = t.innerText + str;
			}
		}else{
			document.getElementById("WebOffice").width = "1px";
			var str='<div width="100%" height="100%" style="text-align:center;color: red;font-size:30px;" >該插件不受支持</br>請更換52版本以下的FireFox瀏覽器</div>';
			var t = document.getElementById("OfficeDiv");
			t.innerHTML = t.innerText + str;
		}
	}else if(browser == "chrome"){
		 var kgchromeType = navigator.mimeTypes["application/kg-plugin"]; //高級版
		 var chromeType = navigator.mimeTypes["application/kg-activex"]; //標准版
		 var oldChromeType = navigator.mimeTypes["application/iWebPlugin"]; //早期淘汰版本
		 if(document.getElementById("WebOffice").type == "application/kg-plugin"){
			 if (kgchromeType == undefined) {
				 document.getElementById("WebOffice").width = "1px";
				 var str='<div width="100%" height="100%" style="text-align:center; color: red;font-size:30px;" >該插件不受支持</br>引用的是高級版控件</br></div>';
				 var t = document.getElementById("OfficeDiv");
				 t.innerHTML = t.innerText + str;
				 //window.open("Faq002.html");
			 }	
		 }else{
			 if(version > "45"){
				 if (chromeType == undefined || oldChromeType == undefined) {
					 document.getElementById("WebOffice").width = "1px";
					 var str='<div width="100%" height="100%" style="text-align:center;color: red;font-size:30px;" >該插件不受支持</br>引用的是標准版控件</br></div>';
					 var t = document.getElementById("OfficeDiv");
					 t.innerHTML = t.innerText + str;
				 }	
			 }else{
				 document.getElementById("WebOffice").width = "1px";
				 var str='<div width="100%" height="100%" style="text-align:center;color: red;font-size:30px;" >標准版插件不受支持</br>請更換45版本以下的Chrome瀏覽器</br>如果需要使用高版本Chrome瀏覽器,需集成高級版插件</div>';
				 var t = document.getElementById("OfficeDiv");
				 t.innerHTML = t.innerText + str;
			 }
		 }
	}
}
*/

• 在iWebOffice2015.js末尾將拼接好的