本文为onlyoffice二次开发教程连接器教程connector基础教程提供简单的使用案例帮助你快速接入自己的业务系统。这篇教程只演示connector.callCommand常规调用基础的方法体实现简单的对文档操作即官方简单api集成。深层次研发、开发、自定义等后续会出其他教程caorui-onlyoffice-高级二开版本http://www.caoruisoft.com/#/onlyoffice_doc/mainonlyoffice连接器(connector)开发使用精讲 二次开发 深入开发【一】-CSDN博客https://blog.csdn.net/lz610756247/article/details/141394725office这个体系分为四个大基础教程1、【document server文档服务器基础搭建】2、【连接器(connector)或者jsApi调用操作office】-进阶3、【document builder文档构造器使用】-进阶4、【Conversion API(文档转化服务)】-进阶一、首先部署基础环境比如http://47.94.91.67:10100/web-apps/apps/api/documents/api.js二、连接器使用介绍当你到达这一步说明需要通过jsApi操作一下word或者excel之类的官方提供了jsApi的调用通道比如ONLYOFFICE Api Documentation - Automation API官方称之为connector(连接器)但是呢【收费】而且很贵。所以接下来我做一个搭建了个体验服务器提供给大家研究和学习使用。Api文档ONLYOFFICE Api Documentation - GetRangeBySelect【图一】是参照示例builder不需要使用builder属于文档生成器后面有专门的文档做说明这里只需要参照中间【红框】部分即可。图一【图二】是大目录说明图二三、demo试用该demo为word【获取选中的文字】!DOCTYPE html html head meta charsetutf-8 title/title script typetext/javascript srchttp://47.94.91.67:10100/web-apps/apps/api/documents/api.js/script style body { width: 100%; height: 90vh; display: flex; flex-direction: column; } #placeholder { width: 100%; height: 100vh; } /style /head body button class onclickcallCommand()先选中文字再点击按钮/button div idplaceholder classnav stylewidth: 100%; height: 100vh;/div /body script var insertText 输入一段字符串; function callCommand() { connector.callCommand(function() { console.log(点击了文档); var oDocument Api.GetDocument(); var oRange oDocument.GetRangeBySelect(); if(oRange null){ alert(请先选中文字) } console.log(oRange.GetText()); oRange.AddText(插入文字); oRange.SetHighlight(yellow); }, function() { console.log(callback command); }); } var onDocumentReady function () { console.log(文档准备好了); window.connector docEditor.createConnector(); Asc.scope.text Hello world!; connector.callCommand(function() { var oDocument Api.GetDocument(); var oParagraph Api.CreateParagraph(); oParagraph.AddText(Asc.scope.text); oDocument.InsertContent([oParagraph]); }, function() { console.log(callback command); }); }; var config { documentType: word, historyList: { history: [], currentVersion: 1 }, document: { title: 【经营】通用合同模板.docx, url: http://47.94.91.67/demo_file/comment_test.docx, permissions: { print: false, download: true }, attachId: e932e7bb1e4d449aa9a7d8b403b4b517, fileType: docx, key: e932e7bb1e4d449aa9a7d8ss517 }, editorConfig: { customization: { autosave: false, compactToolbar: true, forcesave: true, toolbarNoTabs: true, help: false, compactHeader: true, hideRightMenu: true, }, mode: edit, callbackUrl: https://api.docs.onlyoffice.com/dummyCallback, lang: zh-CN, user: { name: 当前用户, id: 103 } } }; var docEditor; initDocEditor(); /** * 初始化编辑器 */ function initDocEditor() { // 初始化配置 config[events] { onDocumentReady: onDocumentReady }; docEditor new DocsAPI.DocEditor(placeholder, config); } /script /html四、结语jsApi调用属于二开到目前步骤你已经可以调用常规api或者说简单使用only集成业务系统了。如果你能细心并且坚持看到这里后续还会存在很多api的查询和调用甚至会发现官方给出的方法不够你使用无法满足自身特定业务的需求需要【研发、深层次二次开发】你可以尝试读源码深入研究。五、作者
onlyoffice 二次开发 连接器开发(connector) api操作文档 基础教程【在线试用 9.4】
本文为onlyoffice二次开发教程连接器教程connector基础教程提供简单的使用案例帮助你快速接入自己的业务系统。这篇教程只演示connector.callCommand常规调用基础的方法体实现简单的对文档操作即官方简单api集成。深层次研发、开发、自定义等后续会出其他教程caorui-onlyoffice-高级二开版本http://www.caoruisoft.com/#/onlyoffice_doc/mainonlyoffice连接器(connector)开发使用精讲 二次开发 深入开发【一】-CSDN博客https://blog.csdn.net/lz610756247/article/details/141394725office这个体系分为四个大基础教程1、【document server文档服务器基础搭建】2、【连接器(connector)或者jsApi调用操作office】-进阶3、【document builder文档构造器使用】-进阶4、【Conversion API(文档转化服务)】-进阶一、首先部署基础环境比如http://47.94.91.67:10100/web-apps/apps/api/documents/api.js二、连接器使用介绍当你到达这一步说明需要通过jsApi操作一下word或者excel之类的官方提供了jsApi的调用通道比如ONLYOFFICE Api Documentation - Automation API官方称之为connector(连接器)但是呢【收费】而且很贵。所以接下来我做一个搭建了个体验服务器提供给大家研究和学习使用。Api文档ONLYOFFICE Api Documentation - GetRangeBySelect【图一】是参照示例builder不需要使用builder属于文档生成器后面有专门的文档做说明这里只需要参照中间【红框】部分即可。图一【图二】是大目录说明图二三、demo试用该demo为word【获取选中的文字】!DOCTYPE html html head meta charsetutf-8 title/title script typetext/javascript srchttp://47.94.91.67:10100/web-apps/apps/api/documents/api.js/script style body { width: 100%; height: 90vh; display: flex; flex-direction: column; } #placeholder { width: 100%; height: 100vh; } /style /head body button class onclickcallCommand()先选中文字再点击按钮/button div idplaceholder classnav stylewidth: 100%; height: 100vh;/div /body script var insertText 输入一段字符串; function callCommand() { connector.callCommand(function() { console.log(点击了文档); var oDocument Api.GetDocument(); var oRange oDocument.GetRangeBySelect(); if(oRange null){ alert(请先选中文字) } console.log(oRange.GetText()); oRange.AddText(插入文字); oRange.SetHighlight(yellow); }, function() { console.log(callback command); }); } var onDocumentReady function () { console.log(文档准备好了); window.connector docEditor.createConnector(); Asc.scope.text Hello world!; connector.callCommand(function() { var oDocument Api.GetDocument(); var oParagraph Api.CreateParagraph(); oParagraph.AddText(Asc.scope.text); oDocument.InsertContent([oParagraph]); }, function() { console.log(callback command); }); }; var config { documentType: word, historyList: { history: [], currentVersion: 1 }, document: { title: 【经营】通用合同模板.docx, url: http://47.94.91.67/demo_file/comment_test.docx, permissions: { print: false, download: true }, attachId: e932e7bb1e4d449aa9a7d8b403b4b517, fileType: docx, key: e932e7bb1e4d449aa9a7d8ss517 }, editorConfig: { customization: { autosave: false, compactToolbar: true, forcesave: true, toolbarNoTabs: true, help: false, compactHeader: true, hideRightMenu: true, }, mode: edit, callbackUrl: https://api.docs.onlyoffice.com/dummyCallback, lang: zh-CN, user: { name: 当前用户, id: 103 } } }; var docEditor; initDocEditor(); /** * 初始化编辑器 */ function initDocEditor() { // 初始化配置 config[events] { onDocumentReady: onDocumentReady }; docEditor new DocsAPI.DocEditor(placeholder, config); } /script /html四、结语jsApi调用属于二开到目前步骤你已经可以调用常规api或者说简单使用only集成业务系统了。如果你能细心并且坚持看到这里后续还会存在很多api的查询和调用甚至会发现官方给出的方法不够你使用无法满足自身特定业务的需求需要【研发、深层次二次开发】你可以尝试读源码深入研究。五、作者
