当前位置:   article > 正文

想提高开发效率吗?来看看 ONLYOFFICE_sdk onlyoffice

sdk onlyoffice

        因为前段时间写了一篇 《8个免费在线PDF转Word工具,一键轻松转换》文章,今天看见一位博友评论的新的生产工具 ONLYOFFICE 。使用之后发现确实非常好用那么今天给大家介绍一下。

一、简介

        功能包括 文档服务器插件和宏、文档生成器桌面编辑器、社区服务器、托管解决方案社区服务器、桌面编辑器、插件和宏、

 二、文档服务器

          ONLYOFFICE 是一个开源办公套件,包括文本文档,电子表格,演示文稿和可填写表单的编辑器。 它提供以下功能:

  • 创建、编辑和查看文本文档、电子表格、演示文稿和可填写表格;
  • 与其他团队成员实时协作处理文件。

          ONLYOFFICE Docs 还支持 WOPI 协议,该协议用于将您的应用程序与在线办公集成。 有关 WOPI 的更多信息,请参见此处

          ONLYOFFICE Docs API 用于让开发人员将 ONLYOFFICE文档、电子表格、演示文稿编辑器集成到他们自己的网站中,并设置和管理编辑器。

1、ONLYOFFICE Docs Vue 组件

         该 组件 使用户能够使用 Vue 构建 ONLYOFFICE Docs 用户界面。

  1. npm install --save @onlyoffice/document-editor-vue
  2. // 或者
  3. yarn add @onlyoffice/document-editor-vue

2、使用 ONLYOFFICE Docs Vue 组件

在下面找到组件使用示例:

  1. <template>
  2. <DocumentEditor
  3. id="docEditor"
  4. documentServerUrl="http://documentserver/"
  5. :config="config"
  6. :events_onDocumentReady="onDocumentReady"
  7. />
  8. </template>
  9. <script lang="ts">
  10. import { defineComponent } from 'vue';
  11. import { DocumentEditor } from "@onlyoffice/document-editor-vue";
  12. export default defineComponent({
  13. name: 'ExampleComponent',
  14. components: {
  15. DocumentEditor
  16. },
  17. data() {
  18. return {
  19. config: {
  20. document: {
  21. fileType: "docx",
  22. key: "Khirz6zTPdfd7",
  23. title: "Example Document Title.docx",
  24. url: "https://example.com/url-to-example-document.docx"
  25. },
  26. documentType: "word",
  27. editorConfig: {
  28. callbackUrl: "https://example.com/url-to-callback.ashx"
  29. }
  30. }
  31. }
  32. },
  33. methods: {
  34. onDocumentReady() {
  35. console.log("Document is loaded");
  36. }
  37. },
  38. });
  39. </script>

        其中 example.com 是安装 文档管理器  文档存储服务 的服务器的名称,文档服务器 是安装了 ONLYOFFICE 文档 的服务器的名称。

        文档地址:https://api.onlyoffice.com/editors/basic

3、安装 storybook

        安装 storybook 以独立开发UI组件:

  1. // 1、在config/default.json文件中更改文档服务器的地址:
  2. "documentServerUrl": "http://documentserver/"
  3. 其中,文档服务器是安装了ONLYOFFICE Docs的服务器的名称。
  4. 2、使用以下命令构建故事书:
  5. npm run build-storybook
  6. 3、开始storybook:
  7. npm run storybook

 4、开发 ONLYOFFICE Docs Vue 组件

  1. 1、从 GitHub 存储库克隆项目:
  2. git clone https://github.com/ONLYOFFICE/document-editor-vue
  3. 2、安装项目依赖项:
  4. npm install
  5. 3、测试组件:
  6. npm run test
  7. 4、构建项目:
  8. npm run build
  9. 5、创建包:
  10. npm pack

 三、插件和宏

        ONLYOFFICE文档和桌面编辑器提供对插件的支持,允许开发人员向编辑器添加与 OOXML 格式没有直接关系的特定功能。

1、插件可以做什么

   以下是您可以使用ONLYOFFICE插件执行的操作的一些示例:

        代码示例可在https://github.com/ONLYOFFICE/sdkjs-plugins 中找到。

        如果您正在寻找即用型插件,请访问ONLYOFFICE应用程序目录

2、如何创建插件

   要创建自己的插件,您需要执行几个步骤:

  • 在插件入门页面上了解构建插件的基本概念 并编写定义插件外观和行为的代码。
  • 构建插件后,对其进行彻底测试,并确保插件的外观和工作方式符合您的预期。 尝试预测可能发生的问题并提出解决方案。
  • 现在,您可以自己使用该插件,也可以通过marketing@onlyoffice.com 与我们联系来建议发布该插件。

 四、文档生成器

        ONLYOFFICE文档生成器 允许您轻松构建文档,而无需实际运行文档处理编辑器。 它还允许开发人员使用您创建的模板或将您某个数据库中的数据插入到一个文档或一组文档中来自动化文档构建。它具有通用文档编辑器的所有功能,但重量级,可以使用其 JavaScript API 轻松集成到您的文档管理系统CRM系统等中。

正在更新中。。。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/358286
推荐阅读
相关标签
  

闽ICP备14008679号