El control WebOffice es el software de edición de documentos de Office en línea líder en China. El producto de software tiene una historia de más de 20 años desde su creación en 1998, y ha servido a muchas empresas grandes, medianas y pequeñas, agencias gubernamentales de todos los niveles, instituciones de investigación científica, escuelas y otras instituciones. A través del software WebOffice, los usuarios pueden abrir convenientemente Word, Excel, Ppt y otros documentos de forma remota y guardarlos en la ubicación original del servidor después de editarlos, realizar la edición y el guardado remotos, y crear una experiencia innovadora y conveniente para los usuarios en la oficina en línea.
Huidu.com descarga la versión oficial de WebOffice gratis
Instrucciones de documentación:
Este documento presenta de manera exhaustiva cómo el front-end WEB integra los controles de WebOffice, realiza la llamada de las interfaces funcionales de control a través de la programación Javascript y logra el propósito de resolver las necesidades de los proyectos Web. Después de dominar este diseño del front-end, comprenderá la solución de WebOffice en la capa de visualización para adaptarse a cualquier arquitectura de proyecto Web. .
Este documento es adecuado para que los usuarios de WebOffice por primera vez lo aprendan y lo utilicen. Se requieren los siguientes lenguajes de tecnología informática para estudiar este artículo: HTML, Javascript
1. Principio de programación de JavaScript
1.1. Cargar WebOffice en la página web y obtener el objeto de programación y almacenarlo en la variable especificada
Descargue el paquete de instalación de WebOffice.rar, instale los componentes de WebOffice localmente, cargue el control en la página web
El siguiente es el código de control de carga, estos códigos son fijos, solo colóquelo en la posición correspondiente de su página web.
<script language = "javascript">
if (!! window.ActiveXObject || "ActiveXObject" en la ventana) {
document.write ('<object classid = "clsid: FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase = "WebOffice .ocx # Version = 2019,1,7,3 "id =" WebOffice "width =" 900 "height =" 500 "> ');
document.write (' </object> ');}
else
{
document.write ('<object id = "WebOffice" CLSID = "{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE = "application / x-itst-activex" width = 100% height = 900> </object>');
}
</script>
Coloque el objeto de control a través del código JS anterior. El nombre del objeto de control se define mediante el atributo ID anterior, que es: WebOffice. De esta manera, el siguiente código se puede utilizar para acceder al control de WebOffice en el código JS:
var obj = document.getElementById ('WebOffice ');
运行上面此句后，则obj即为Javascript编程对象。大多数情况下建议对象名称统一为:WebOffice,即用下面代码获得控件对象:
var WebOffice = document.getElementById('WebOffice');La variable weboffice de la declaración JS anterior es el objeto de programación JS del control
1.2, utilice el objeto WebOffice para acceder a la interfaz de control
Cuando el control se carga normalmente, verá la interfaz mostrada por el control, como se muestra en la figura siguiente, lo que significa que el control se carga normalmente
La figura anterior es la interfaz después de que el control se está ejecutando.
Cuando el control se carga normalmente, use el código JS para obtener el objeto de programación del control y luego llame a los métodos relacionados con el control para cumplir con los requisitos. Por ejemplo, use el método OPEN para abrir un documento WORD específico, como el siguiente código:
var WebOffice = document.getElementById ("WebOffice");
WebOffice.Open (' http://www.officectrl.com/officecs/temp/word.doc ');
1.3. Una vez cargada la página web, el documento especificado se abre automáticamente para
realizar la carga de la página web Después de que el control se abre automáticamente, el método Open se ejecuta en el evento ONLOAD de la etiqueta BODY de la página web, y se agrega una función de procesamiento de retardo breve antes de que se ejecute el método Open para facilitar que el navegador ejecute el método Open después de que el control esté completamente cargado.
Agregue el nombre de la función: webopen al evento onload del cuerpo de la etiqueta de la página web, el código es el siguiente:
<body topmargin = 0 leftmargin = 0 onload = "javascript: WebOpen ();">
En la función Webopen, implemente la ejecución de respuesta retrasada de la función JS OpenDocument, y ejecute el método Open en esta función OpenDocument. La implementación de la función JavaScript es la siguiente:
<script language = javascript>
función WebOpen ()
{
WebOffice = document.getElementById('WebOffice');//获得控件对象
if (WebOffice){//等待控件初始化完毕，时间可以根据网络速度设定。
setTimeout('OpenDocument()',1000);} //1000代表1秒后执行}
función OpenDocument ()
{
try{
var strOpenUrl = ‘http://www.officectrl.com/officecs/temp/word.doc’;
document.getElementById('WebOffice').Open(strOpenUrl,true,"Word.Document");
}catch(e) {alerta (e);
}}
</script>
Si desea adquirir una licencia genuina de WebOffice o para obtener más información sobre el producto, haga clic en [Consultar servicio al cliente en línea]
Si desea conocer el diagrama de Gantt o el sistema APS de Huidu, inicie sesión en Huidu.com y consulte el servicio de atención al cliente en línea para resolver su problema.
Este artículo es una reproducción de 【Huidu Technology】 evget acepta cualquier forma de reimpresión, pero asegúrese de indicar la fuente, no modifique los enlaces relevantes del texto original y respete los logros de la labor de otros.