必威app安卓版只是office Docs的Angular组件
这组件允许用户使用。来构建ONLYOFFICE Do必威app安卓版cs用户界面角.
安装ONLYOFFIC必威app安卓版E Docs Angular组件
安装只有offi必威app安卓版ce Docs的Angular组件npm在你的项目中。运行:
NPM install——save @onlyoffice/document-editor-angular
或
Yarn添加@onlyoffice/document-editor-angular
只使用off必威app安卓版ice Docs Angular组件
按照以下步骤开始使用组件:
导入DocumentEditorModule:
import {NgModule} from '@angular/core';import {DocumentEditorModule} from "@onlyoffice/document-editor-angular";@NgModule({declarations: [AppComponent], imports: [documentteditorangularmodule], bootstrap: [AppComponent]})导出类AppModule {}
在你的消费组件中定义选项:
@组件({…})导出类exampleecomponent {config: IConfig = {document: {"fileType": "docx", "key": "Khirz6zTPdfd7", "title": "Example document title .docx", "url": "https://example.com/url-to-example-document.docx"}, documentType: "word", editorConfig: {"callbackUrl": "https://example.com/url-to-callback.ashx"},} onDocumentReady = (event) => {console.log(" document is loaded");};}
在哪里example.com服务器的名称在哪里文档管理器而且文档存储服务安装。
在模板中,使用文档编辑器组件与您的选项:
在哪里documentserver服务器名是否与必威app安卓版安装。
必威app安卓版只有office Docs Angular组件API
的名字 |
类型 |
默认的 |
描述 |
id* |
字符串 |
零 |
组件唯一标识符。 |
documentServerUrl* |
字符串 |
零 |
ONLYOFFICE文档服务器地址。 |
配置* |
对象 |
零 |
通用的配置对象用于用令牌打开文件。 |
document_fileType |
字符串 |
零 |
文件类型。 |
document_title |
字符串 |
零 |
文件名。 |
documentType |
字符串 |
零 |
文档类型。 |
高度 |
字符串 |
零 |
定义浏览器窗口中的文档高度。 |
类型 |
字符串 |
零 |
定义用于访问文档的平台类型(桌面、移动或嵌入式)。 |
宽度 |
字符串 |
零 |
在浏览器窗口中定义文档宽度。 |
events_onAppReady |
(event: object) => void |
零 |
应用程序加载到浏览器时调用的函数。 |
events_onDocumentStateChange |
(event: object) => void |
零 |
修改文档时调用的函数。 |
events_onMetaChange |
(event: object) => void |
零 |
当通过meta命令更改文档的元信息时调用的函数。 |
events_onDocumentReady |
(event: object) => void |
零 |
将文档装入文档编辑器时调用的函数。 |
events_onInfo |
(event: object) => void |
零 |
应用程序打开文件时调用的函数。 |
events_onWarning |
(event: object) => void |
零 |
发生警告时调用的函数。 |
events_onError |
(event: object) => void |
零 |
发生错误或其他特定事件时调用的函数。 |
events_onRequestSharingSettings |
(event: object) => void |
零 |
当用户试图通过单击来管理文档访问权限时调用的函数更改访问权限按钮。 |
events_onRequestRename |
(event: object) => void |
零 |
控件重命名文件时调用的函数重命名…按钮。 |
events_onMakeActionLink |
(event: object) => void |
零 |
当用户试图获取链接以打开包含书签的文档,滚动到书签位置时调用的函数。 |
events_onRequestInsertImage |
(event: object) => void |
零 |
控件试图插入图像时调用的函数来自存储的图像按钮。 |
events_onRequestSaveAs |
(event: object) => void |
零 |
当用户试图通过单击保存文件时调用的函数另存副本为…按钮。 |
events_onRequestMailMergeRecipients |
(event: object) => void |
零 |
控件选择收件人数据时调用的函数邮件合并按钮。 |
events_onRequestCompareFile |
(event: object) => void |
零 |
控件选择要进行比较的文档时调用的函数来自仓库的文件按钮。 |
events_onRequestEditRights |
(event: object) => void |
零 |
控件将文档从查看模式切换到编辑模式时调用的函数编辑文档按钮。 |
events_onRequestHistory |
(event: object) => void |
零 |
控件试图显示文档版本历史记录时调用的函数版本历史按钮。 |
events_onRequestHistoryClose |
(event: object) => void |
零 |
控件试图从查看文档版本历史记录返回文档时调用的函数接近历史按钮。 |
events_onRequestHistoryData |
(event: object) => void |
零 |
当用户试图单击文档版本历史记录中的特定文档版本时调用的函数。 |
events_onRequestRestore |
(event: object) => void |
零 |
控件试图恢复文件版本时调用的函数恢复按钮的版本历史记录。 |
*-必填项
仅开发office D必威app安卓版ocs Angular组件
从GitHub库克隆项目:
git克隆https://github.com/ONLYOFFICE/document-editor-angular-workspace.git
安装项目依赖项:
npm安装
构建项目:
CD ./projects ng build @onlyoffice/document-editor-angular
创建包:
CD ./dist/onlyoffice/document-editor-angular NPM包
测试组件:
CD ./projects ng test @onlyoffice/document-editor-angular
反馈和支持
如果您对ONLYOFFICE Docs Angular组件有任何问题、疑问或建议,请参阅必威app安卓版问题部分。