企业官网建设流程全解析

在家做的网站编辑,媒体发布平台,人才招聘网站大全,制作网站首先做的是页面渲染 参数说明 key#xff1a;对应文档的一个标识#xff0c;建议前端随机生成#xff0c;防止重复 url#xff1a;打开文档的地址#xff0c;返回流数据 fileType#xff1a;文档类型#xff0c;例如#xff1a;doc/docx title#xff1a;文件名称#xff0c;例…页面渲染参数说明key对应文档的一个标识建议前端随机生成防止重复url打开文档的地址返回流数据fileType文档类型例如doc/docxtitle文件名称例如2026年工作方案.docxmodel打开模式例如edit编辑模式/view阅读模式callbackUrl文件修改后保存回调地址functioninitDoc(key,url,fileType,title,model,callbackUrl){letconfig{document:{documentType:text,width:100%,//打开窗口宽度height:100%,//打开窗口高度fileType:fileType,//文档类型key:key,//定义用于服务识别文档的唯一文档标识符。每次编辑和保存文档时都必须重新生成密钥。长度限制为128个符号。title:title,//为查看或编辑的文档定义所需的文件名该文件名也将在下载文档时用作文件名。长度限制为128个符号。url:url,//定义存储原始查看或编辑的文档的绝对URLinfo:{owner:王重阳,//文件创建者名称sharingSettings:[//文件对应用户的操作权限配置{permissions:Full Access,// 完全操作权限-Full Access,只读权限-Read Only 拒绝访问-Deny Accessuser:林朝英//有次权限的用户},{permissions:Read Only,user:周伯通},],uploaded:2010-07-07 3:46 PM//文件创建时间},//文档权限参数permissions:{edit:true,//文件是否可以编辑false时文件不可编辑fillForms:true,//定义是否能在文档中填充表单print:true,//定义文档是否能打印review:false,//第一是否显示审阅文档菜单comment:true,//定义是否可以注释文档。如果注释权限设置为“ true”则文档侧栏将包含“注释”菜单选项只有将mode参数设置为edit时才生效默认值与edit参数的值一致。copy:true,//是否允许您将内容复制到剪贴板。默认值为true。download:true,//定义是否可以下载文档或仅在线查看或编辑文档。如果下载权限设置为“false”下载为菜单选项将没有。默认值为true。modifyContentControl:true,//定义是否可以更改内容控件设置。仅当mode参数设置为edit时内容控件修改才可用于文档编辑器。默认值为true。modifyFilter:true,//定义过滤器是否可以全局应用true影响所有其他用户或局部应用false即仅适用于当前用户。如果将mode参数设置为edit则过滤器修改仅对电子表格编辑器可用。默认值为true。}},// type: embedded,//打开文档类型// text对应各种文档类型(.doc, .docm, .docx, .dot, .dotm, .dotx, .epub, .fodt, .htm, .html, .mht, .odt, .ott, .pdf, .rtf, .txt, .djvu, .xps)//spreadsheet对应表格类型(.csv, .fods, .ods, .ots, .xls, .xlsm, .xlsx, .xlt, .xltm, .xltx)//presentation对应PPT类型(.fodp, .odp, .otp, .pot, .potm, .potx, .pps, .ppsm, .ppsx, .ppt, .pptm, .pptx)editorConfig:{//编辑配置createUrl:http://docServer:port/url-to-create-document/,//指定创建文件的页面,添加该配置后文档服务器插件才会显示新建文件按钮mode:model,//文档操作模式 view 视图模式不可编辑 edit 编辑模式可编辑文档callbackUrl:callbackUrl,//保存文件时的回调地址lang:zh-CN,//语言环境customization:{//定制部分允许自定义编辑器界面使其看起来像您的其他产品并更改是否存在其他按钮链接更改徽标和编辑者所有者详细信息。help:false,//定义是显示还是隐藏“帮助”菜单按钮。默认值为true。hideRightMenu:false,//定义在第一次加载时是显示还是隐藏右侧菜单。默认值为false。autosave:false,//定义是启用还是禁用“自动保存”菜单选项。请注意如果您在菜单中更改此选项它将被保存到浏览器的localStorage中。默认值为true。forcesave:true,//定义保存按钮是否显示默认falsechat:false,//定义“聊天”菜单按钮是显示还是隐藏请注意如果您隐藏“聊天”按钮则相应的聊天功能也将被禁用。默认值为true。commentAuthorOnly:false,//定义用户是否只能编辑和删除他的评论。默认值为false。comments:false,//定义是显示还是隐藏“注释”菜单按钮请注意如果您隐藏“评论”按钮则相应的评论功能将仅可用于查看评论的添加和编辑将不可用。默认值为true。compactHeader:false,//定义是否将菜单栏放在在徽标旁边使界面更加紧凑默认false。compactToolbar:false,//定义显示的顶部工具栏类型是完整false还是紧凑true。默认值为false 多余菜单将在右侧折叠点击显示。compatibleFeatures:false,//定义仅与OOXML格式兼容的功能的使用。例如不要在整个文档上使用注释。默认值为false。macros:false,//定义是否将运行文档宏以及可用的宏设置。默认值为true。macrosMode:warn,//定义是否将运行文档宏。可以采用以下值 disable -根本不运行enable -自动运行所有宏warn -警告宏并请求允许运行。默认值为original。plugins:false,//定义是否将启动插件并可用。默认值为true。showReviewChanges:false,//定义在加载编辑器时是否自动显示或隐藏审阅更改面板。默认值为false。spellcheck:false,//定义在加载编辑器时是否自动打开或关闭拼写检查器。拼写检查器仅适用于文档编辑器和演示文稿编辑器。默认值为true。toolbarNoTabs:false,//定义是突出显示顶部工具栏选项卡样式。默认值为false。unit:cm,//定义在标尺和对话框中使用的度量单位。可以采用以下值cm -厘米pt-点inch -英寸。默认值为厘米cm。zoom:100,//定义以百分比为单位的文档显示缩放值。可以取大于0的值。对于文本文档和演示文稿可以将此参数设置为-1使文档适合页面选项或-2使文档页面宽度适合编辑器页面。默认值为100。customer:{//关于 文档编辑器的显示信息address:My City, 123a-45,//有权访问编辑或编辑作者的公司或个人的邮政地址info:Some additional information,//有关您希望其他人认识的公司或个人的一些其他信息logo:https://example.com/logo-big.png,//图片徽标的路径此文件没有特别建议但是如果使用透明背景的.png格式会更好。图片必须具有以下尺寸432x70mail:johnexample.com,//有权访问编辑者或编辑者的公司或个人的电子邮件地址name:欧阳锋,//该公司或个人的谁可以访问编辑或编辑作者名称www:example.com//以上公司或个人的家庭网站地址},feedback:{//反馈配置信息url:https://example.com,//单击“反馈和支持”菜单按钮时将打开的网站地址的绝对URL visible:false//显示或隐藏“反馈和支持”菜单按钮},goback:{//定义“打开文件位置”菜单按钮和右上角按钮的设置。该对象具有以下参数blank:true,//在新的浏览器选项卡/窗口如果值设置为true或当前选项卡如果值设置为false中打开网站。默认值为truerequestClose:false,//定义如果单击“打开文件位置”按钮则调用events.onRequestClose事件而不是打开浏览器选项卡或窗口。默认值为falsetext:Open file location,//将在“打开文件位置”菜单按钮和右上角按钮即而不是“转到文档”上显示的文本url:https://example.com//单击“打开文件位置”菜单按钮时将打开的网站地址的绝对URL },logo:{image:https://example.com/logo.png,//图像文件的路径用于在普通工作模式下显示即在所有编辑器的查看和编辑模式下。图片必须具有以下尺寸172x40imageEmbedded:https://example.com/logo_em.png,//用于以嵌入式模式显示的图像文件的路径请参阅config部分以了解如何定义嵌入式文档类型。图片必须具有以下尺寸248x40url:https://www.baidu.com//某人单击徽标图像时将使用的绝对URL可用于转到您的网站等。保留为空字符串或null以使徽标不可单击},},user:{//用户信息id:admin,//用户IDname:操作员//用户全名称},embedded:{//Embedded部分仅适用于嵌入式文档类型请参阅config部分以了解如何定义嵌入式文档类型。它允许更改设置这些设置定义嵌入式模式下按钮的行为。embedUrl:https://example.com/embedded?docexampledocument1.docx,//定义文档的绝对URL以作为嵌入到网页中的文档的源文件fullscreenUrl:https://example.com/embedded?docexampledocument1.docx#fullscreen,//定义将以全屏模式打开的文档的绝对URL。saveUrl:https://example.com/download?docexampledocument1.docx,//定义允许将文档保存到用户个人计算机上的绝对URL。shareUrl:https://example.com/view?docexampledocument1.docx,//定义允许其他用户共享此文档的绝对URL。toolbarDocked:top//定义嵌入式查看器工具栏的位置可以为top或bottom。}},events:{//事件配置// onAppReady,//-将应用程序加载到浏览器时调用的函数。// onCollaborativeChanges //-当文档由其他用户在严格共同编辑模式下共同编辑时调用的函数。// onDocumentReady,//-将应用程序加载到浏览器时调用的函数。// onDocumentStateChange,//-修改文档时调用的函数。这就是所谓的使用参数{真正的“数据”}在当前用户编辑文档以及与参数{“数据”假}在当前用户的更改发送到文档编辑服务。// onDownloadAs,//-调用downloadAs方法时使用指向已编辑文件的绝对URL调用的函数。在data参数中发送要下载的文档的绝对URL 。// onError,//-发生错误或其他特定事件时调用的函数。错误消息在data参数中发送。// onInfo,//-应用程序打开文件时调用的函数。该模式在data.mode参数中发送。可以查看或编辑。// onMetaChange,//-通过meta命令更改文档的元信息时调用的函数。文档名称通过data.title参数发送。// onOutdatedVersion,//-使用旧的document.key值打开文档进行编辑时显示错误后调用的函数该值用于编辑先前的文档版本并已成功保存。调用此事件时必须使用新的document.key重新初始化编辑器。// onReady,//-将应用程序加载到浏览器时调用的函数。自从5.0版本不推荐使用请使用onAppReady代替// onRequestClose,//-结束编辑器的工作并且必须关闭编辑器时调用的函数。// onRequestCompareFile,//-用户尝试通过单击“存储中的文档”按钮来选择要比较的文档时调用的函数。要选择要比较的文档必须调用setRevisedFile方法。如果未声明该方法则不会显示“来自存储的文档”按钮。// onRequestCreateNew,//-用户尝试通过单击“新建”按钮来创建文档时调用的函数。使用此方法代替createUrl字段。如果未声明该方法且未指定createUrl则将不会显示“创建新”按钮。// onRequestEditRights,//-用户尝试通过单击“编辑文档”按钮尝试将文档从视图切换到编辑模式时调用的函数。调用该函数时必须在编辑模式下再次初始化编辑器。如果未声明该方法则不会显示“编辑”按钮。// onRequestHistory,//-用户尝试通过单击“版本历史记录”按钮显示文档版本历史记录时调用的函数。要显示文档版本历史您必须调用refreshHistory方法。如果未声明该方法和onRequestHistoryData方法则不会显示“版本历史记录”按钮。// onRequestHistoryClose,//-当用户尝试通过单击“关闭历史记录”按钮来查看文档版本历史记录时试图调用该文档时调用的函数。调用该函数时必须在编辑模式下再次初始化编辑器。如果未声明该方法则不会显示“关闭历史记录”按钮。// onRequestHistoryData,//-用户尝试单击文档版本历史记录中的特定文档版本时调用的函数。// onRequestInsertImage,//-用户尝试通过单击“保存图像”按钮插入图像时调用的函数。图像插入的类型在参数data.c中指定。// onRequestRename,//-用户尝试通过单击“重命名...”按钮重命名文件时调用的函数。// onRequestRestore,//-用户单击版本历史记录中的“还原”按钮来还原文件版本时调用的函数。// onRequestSaveAs,//-用户尝试通过单击“另存为...”按钮保存文件时调用的函数。文档的标题和要下载的文档的绝对URL在data参数中发送。如果未声明该方法则不会显示“另存为...”按钮。// onRequestSharingSettings,//-用户单击“更改访问权限”按钮来管理文档访问权限时调用的函数。必须调用setSharingSettings方法来更新有关允许与其他用户共享文档的设置的信息。如果未声明该方法则不会显示“更改访问权限”按钮。// onRequestUsers,//-评论者可以选择要在评论中提及的其他用户时调用的函数。要设置用户列表必须调用setUsers方法。// onWarning,//-发生警告时调用的函数。警告消息在data参数中发送。// onDocumentStateChange: function() {// }, //文档改变后的回调//onDocumentReady : onDocumentReady, //文档初始化准备好后的回调},};vardocEditornewDocsAPI.DocEditor(placeholder,config);}