如何将可填写的ONLYOFFICE表单嵌入到网页| ONLYOFFICE博客中</标题><link media="all" href="//www.jzpictures.com/blog/wp-content/cache/autoptimize/css/autoptimize_a50a42879cf323b05ee292f730e0b4ab.css" rel="stylesheet"> <link media="screen" href="//www.jzpictures.com/blog/wp-content/cache/autoptimize/css/autoptimize_519087c2fc4c500b51fa7d2e1666ad18.css" rel="stylesheet"> </head> <body class="post-template-default single single-post postid-27328 single-format-standard wp-custom-logo"> <div class="advent-announce push advent-mobile-hide"> <a href="https://www.cloudcomputing-insider.de/award/"> <div class="advent-announce-text"> 云计算内幕奖2022:<b>投票给ONLYOFFICE</b> </div></a> </div> <div class="advent-announce push advent-desktop-hide"> <a href="https://www.cloudcomputing-insider.de/award/"> <div class="advent-announce-text"> <b>投票给ONLYOFFICE</b> </div></a> </div>  <noscript> <iframe src="https://www.jzpictures.com/ns.html?id=GTM-5NW47TX" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div class="BaseSide"> <div class="mainpart"> <div class="site-overlay"></div> <header> <div class="narrowheader en"> <div class="logo push"> <a href="//www.jzpictures.com"></a> </div> <div class="ham_menu push menu-btn pushy-link"> <span></span> <span></span> <span></span> </div> <div> <form role="search" method="get" class="serach-header" action="//www.jzpictures.com/blog//"> <div class="input-header push"> <input type="text" name="s" id="s" class="search-field" placeholder="Find news, tips and how-tos" value=""> </div> </form> </div> <nav class="pushy pushy-left"> <div class="pushy-content"> <ul class="all-menu-items"> <li class="pushy-submenu"><a class="menuitem ENH" id="navitem_features">产品和特性</a> <div id="navitem_features_menu"> <ul class="dropdown-content akkordeon"> <li id="navitem_editors_third_level_menu"><a id="navitem_features_editors" class="dropdown-item mobile_no_link" href="//www.jzpictures.com/office-suite.aspx">2018必威体育下载 </a> <ul class="navitem_2nd_menu"> <li><a class="nav_2nd_menu_link" id="navitem_features_document_editor" href="//www.jzpictures.com/document-editor.aspx">文档编辑器</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_spreadsheet_editor" href="//www.jzpictures.com/spreadsheet-editor.aspx">表格编辑器</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_presentation_editor" href="//www.jzpictures.com/presentation-editor.aspx">表示编辑器</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_form_creator" href="//www.jzpictures.com/form-creator.aspx">形式的创造者</a></li> </ul><a id="navitem_features_docs_editions" class="dropdown-item mobile_no_link">文档版本</a> <ul class="navitem_2nd_menu"> <li><a class="nav_2nd_menu_link" id="navitem_features_docs_cloud" href="//www.jzpictures.com/docs-cloud.aspx">云版</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_docs_ee" href="//www.jzpictures.com/docs-enterprise.aspx">企业版</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_docs_de" href="//www.jzpictures.com/developer-edition.aspx">开发版</a></li> </ul><span class="navitem_solutions"><a id="navitem_solutions_clients_apps" class="dropdown-item" href="//www.jzpictures.com/desktop.aspx">ONLYOFFICE为桌面</a></span><span class="navitem_solutions"><a id="navitem_solutions_clients_mobile_ios" class="dropdown-item" href="//www.jzpictures.com/office-for-ios.aspx">为iOS ONLYOFFICE</a></span><span class="navitem_solutions"><a id="navitem_solutions_clients_mobile_android" class="dropdown-item" href="//www.jzpictures.com/office-for-android.aspx">Android ONLYOFFICE</a></span></li> <li id="navitem_comserver_third_level_menu"><a id="navitem_features_workspace" class="dropdown-item mobile_no_link" href="//www.jzpictures.com/workspace.aspx">ONLYOFFICE工作区</a> <ul class="navitem_2nd_menu"> <li><a class="nav_2nd_menu_link" id="navitem_features_documents" href="//www.jzpictures.com/document-management.aspx">文档</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_mail" href="//www.jzpictures.com/mail.aspx">邮件</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_crm" href="//www.jzpictures.com/crm.aspx">CRM</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_projects" href="//www.jzpictures.com/projects.aspx">项目</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_calendar" href="//www.jzpictures.com/calendar.aspx">日历</a></li> </ul><a id="navitem_solutions_clients_workspace" class="dropdown-item mobile_no_link">工作区版本</a> <ul class="navitem_2nd_menu"> <li><a class="nav_2nd_menu_link" id="navitem_features_cloud_service" href="//www.jzpictures.com/cloud-office.aspx">云版</a></li> <li><a class="nav_2nd_menu_link" id="navitem_features_cloud_service" href="//www.jzpictures.com/workspace-enterprise.aspx">企业版</a></li> </ul><a id="navitem_features_security" class="dropdown-item" href="//www.jzpictures.com/security.aspx">安全</a></li> <li id="navitem_oforms_third_level_menu"><a id="navitem_features_oforms" class="dropdown-item" href="//www.jzpictures.com/oforms/">OFORMS</a> <div id="oforms_div" class="menu_pic_div"> <div id="oforms_img" class="menu_pic_img"></div> <p id="oforms_header" class="menu_pic_header">OFORMS,免费<span class="nowrap">准备去填补</span>导出在线文档表单</p> </div></li> </ul> </div></li>  <li class="pushy-submenu"><a class="menuitem" id="navitem_integrations">必威的app</a> <div id="navitem_integrations_menu"> <ul class="dropdown-content akkordeon"> <li class="li_without_border"><a id="navitem_integrations_nextcloud" class="dropdown-item" href="//www.jzpictures.com/office-for-nextcloud.aspx">Nextcloud</a><a id="navitem_integrations_owncloud" class="dropdown-item" href="//www.jzpictures.com/office-for-owncloud.aspx">ownCloud</a><a id="navitem_integrations_confluence" class="dropdown-item" href="//www.jzpictures.com/office-for-confluence.aspx">融合</a><a id="navitem_integrations_alfresco" class="dropdown-item" href="//www.jzpictures.com/office-for-alfresco.aspx">在户外</a><a id="navitem_integrations_sharepoint" class="dropdown-item" href="//www.jzpictures.com/office-for-sharepoint.aspx">SharePoint</a><a id="navitem_integrations_liferay" class="dropdown-item" href="//www.jzpictures.com/office-for-liferay.aspx">Liferay</a><a id="navitem_integrations_humhub" class="dropdown-item" href="//www.jzpictures.com/office-for-humhub.aspx">HumHub</a></li> <li><a id="navitem_integrations_plone" class="dropdown-item" href="//www.jzpictures.com/office-for-plone.aspx">Plone (</a><a id="navitem_integrations_nuxeo" class="dropdown-item" href="//www.jzpictures.com/office-for-nuxeo.aspx">Nuxeo</a><a id="navitem_integrations_chamilo" class="dropdown-item" href="//www.jzpictures.com/office-for-chamilo.aspx">Chamilo</a><a id="navitem_integrations_redmine" class="dropdown-item" href="//www.jzpictures.com/office-for-redmine.aspx">Redmine</a><a id="navitem_integrations_jira" class="dropdown-item" href="//www.jzpictures.com/office-for-jira.aspx">Jira</a><a id="navitem_integrations_others" class="dropdown-item" href="//www.jzpictures.com/all-connectors.aspx">365必威直播 </a></li> <li id="navitem_integration_third_level_menu"><a id="navitem_integration_for_developers" class="dropdown-item" href="//www.jzpictures.com/developer-edition.aspx">为开发人员</a> <div id="for_developers_div" class="menu_pic_div"> <div id="for_developers_img" class="menu_pic_img"></div> <p id="for_developers_header" class="menu_pic_header">集成ONLYOFFI必威app安卓版CE文档，为应用程序用户提供文档编辑功能</p> </div></li> </ul> </div></li>  <li class="pushy-submenu"><a class="menuitem ENH" id="navitem_prices">定价</a> <div id="navitem_prices_menu"> <ul class="dropdown-content"> <li id="navitem_docs_third_level_menu"><a id="navitem_prices_docs" class="dropdown-item mobile_no_link">定价</a> <ul class="navitem_2nd_menu"> <li><a class="nav_2nd_menu_link" id="navitem_prices_server_enterprice" href="//www.jzpictures.com/docs-enterprise-prices.aspx">企业版</a></li> <li><a class="nav_2nd_menu_link" id="navitem_prices_integration" href="//www.jzpictures.com/developer-edition-prices.aspx">开发版</a></li> </ul><a id="navitem_prices_workspace" class="dropdown-item mobile_no_link">ONLYOFFICE工作区</a> <ul class="navitem_2nd_menu"> <li><a class="nav_2nd_menu_link" id="navitem_prices_saas" href="//www.jzpictures.com/saas.aspx">云服务</a></li> <li><a class="nav_2nd_menu_link" id="navitem_prices_enterprise" href="//www.jzpictures.com/workspace-enterprise-prices.aspx">服务器的企业</a></li> </ul></li> <li id="navitem_reseller_third_level_menu"><a id="navitem_prices_reseller" class="dropdown-item" href="//www.jzpictures.com/find-partners.aspx">从ONLYOFFICE经销商处购买</a> <div id="reseller_div" class="menu_pic_div"> <div id="reseller_img" class="menu_pic_img"></div> <p id="reseller_header" class="menu_pic_header">找出你所在地区所有授权ONLYOFFICE经销商的名单</p> </div></li> </ul> </div></li>  <li class="pushy-submenu"><a class="menuitem ENH" id="navitem_download">得到ONLYOFFICE</a> <div id="navitem_download_menu"> <ul class="dropdown-content"> <li class="pushy-link"><a id="navitem_download_docs" class="dropdown-item mobile_no_link">必威app安卓版</a> <ul class="navitem_2nd_menu"> <li><a class="nav_2nd_menu_link" id="navitem_download_signup_docs" href="//www.jzpictures.com/docs-registration.aspx">注册云服务</a></li> <li><a class="nav_2nd_menu_link" id="navitem_download_onpremises_docs" href="//www.jzpictures.com/download-docs.aspx?from=downloadintegrationmenu">安装本地</a></li> </ul><a id="navitem_download_workspace" class="dropdown-item mobile_no_link">ONLYOFFICE工作区</a> <ul class="navitem_2nd_menu"> <li><a class="nav_item_nowrap_link" id="navitem_download_signin" href="//www.jzpictures.com/signin.aspx">登录</a>/<a class="nav_item_nowrap_link second" id="navitem_download_signup" href="//www.jzpictures.com/registration.aspx">注册云服务</a></li> <li><a class="nav_2nd_menu_link" id="navitem_download_onpremises" href="//www.jzpictures.com/download-workspace.aspx">安装本地</a></li> </ul><a id="navitem_link_personal" class="dropdown-item" href="//www.jzpictures.com/personal/">ONLYOFFICE个人</a><a id="navitem_download_desktop" class="dropdown-item" href="//www.jzpictures.com/download-desktop.aspx">只有office桌面和移动应用程序</a><a class="dropdown-item" id="navitem_download_products" href="//www.jzpictures.com/download.aspx">其他产品</a></li> <li id="navitem_compare_third_level_menu"><a id="navitem_download_compare" class="dropdown-item" href="//www.jzpictures.com/compare-editions.aspx">比较版本</a> <div id="compare_div" class="menu_pic_div"> <div id="compare_img" class="menu_pic_img"></div> <p id="compare_header" class="menu_pic_header">选择最适合自己的ONLYOFFICE版本。</p> </div></li> </ul> </div></li>  <li class="pushy-submenu partnership_menu_item"><a class="menuitem ENH" id="navitem_partners">必威体育中文版</a> <div id="navitem_partnership_menu"> <ul class="dropdown-content"> <li class="pushy-link"><a id="navitem_hosters" class="dropdown-item" href="//www.jzpictures.com/affiliates.aspx">子公司</a><a id="navitem_resellers" class="dropdown-item" href="//www.jzpictures.com/resellers.aspx">经销商</a><a id="navitem_find_partners" class="dropdown-item" href="//www.jzpictures.com/find-partners.aspx">寻找合作伙必威体育中文版伴</a><a id="navitem_submit_request" class="dropdown-item" href="//www.jzpictures.com/partnership-request.aspx">提交请求</a></li> <li id="navitem_latest_events_third_level_menu"><a id="navitem_latest_events" class="dropdown-item" href="//www.jzpictures.com/events.aspx">最近发生的事件</a> <div id="latest_events_div" class="menu_pic_div"> <div id="latest_events_img" class="menu_pic_img"></div> <p id="latest_events_header" class="menu_pic_header">加入我们参加2022年国际科技峰会</p> </div></li> </ul> </div></li>  <li class="pushy-submenu about_menu_item"><a class="menuitem" id="navitem_about">关于</a> <div id="navitem_about_menu"> <ul class="dropdown-content"> <li class="pushy-link"><a id="navitem_about_about" class="dropdown-item" href="//www.jzpictures.com/about.aspx">关于ONLYOFFICE</a><a id="navitem_about_customers" class="dropdown-item" href="//www.jzpictures.com/customers.aspx">客户</a><a id="navitem_about_contribute" class="dropdown-item" href="//www.jzpictures.com/contribute.aspx">贡献</a><a id="navitem_about_vacancies" class="dropdown-item" href="//www.jzpictures.com/vacancies.aspx">工作</a><a id="navitem_about_awards" class="dropdown-item" href="//www.jzpictures.com/awards.aspx">奖</a><a id="navitem_about_events" class="dropdown-item" href="//www.jzpictures.com/events.aspx">事件</a><a id="navitem_about_giftshop" class="dropdown-item" target="_blank" rel="noreferrer noopener" href="https://shop.spreadshirt.com/onlyoffice">礼品商店</a><a id="navitem_about_contacts" class="dropdown-item" href="//www.jzpictures.com/contacts.aspx">联系人</a></li> <li id="navitem_about_third_level_menu"><a id="navitem_about_resources" class="dropdown-item mobile_no_link">资源</a><a id="navitem_about_blog" class="dropdown-item" href="//www.jzpictures.com/blog/">博客</a><a id="navitem_about_pressdownloads" class="dropdown-item" href="//www.jzpictures.com/press-downloads.aspx">按下载</a><a id="navitem_about_helpcenter" class="dropdown-item" href="//www.jzpictures.com/helpcenter/">帮助中心</a><a id="navitem_about_whitepapers" class="dropdown-item" href="//www.jzpictures.com/whitepapers.aspx">白皮书</a><a id="navitem_about_webinars" class="dropdown-item" href="//www.jzpictures.com/webinars.aspx">在线研讨会</a><a id="navitem_about_training_courses" class="dropdown-item" href="//www.jzpictures.com/training-courses.aspx">培训课程</a></li> </ul> </div></li> </ul> </div> </nav> <div class="langselector push"> <div id="LanguageSelector" class="custom-select"> <div class="selector en" onclick="LanguageSelectorManager.openLngSelector();"></div> <div class="title en-US" onclick="LanguageSelectorManager.openLngSelector();"></div> <ul class="options" style="display: none;"> <li class="option en-US"><a href="//www.jzpictures.com/blog"></a></li> <li class="option fr-FR"><a href="//www.jzpictures.com/blog/fr"></a></li> <li class="option de-DE"><a href="//www.jzpictures.com/blog/de"></a></li> <li class="option es-ES"><a href="//www.jzpictures.com/blog/es"></a></li> <li class="option pt-BR"><a href="//www.jzpictures.com/blog/pt-br"></a></li> <li class="option it-IT"><a href="//www.jzpictures.com/blog/it"></a></li> <li class="option cs-CZ"><a href="//www.jzpictures.com/blog/cs"></a></li> <li class="option ja-JP"><a href="//www.jzpictures.com/blog/ja"></a></li> <li class="option zh-CN"><a href="//www.jzpictures.com/blog/zh-hans"></a></li> </ul> </div> </div> </div> <div class="hidden"> <div class="overlay"></div> <div class="popup"> <div class="subscribe-blue"> <h3>通讯</h3> <p>获取ONLYOFFICE的最新消息</p> <div id="InputBox2" class="inputBox forPressPage"> <input id="subscribe-email-input2" class="main-input" placeholder="Your email"> <div id="email-sub-button2" class="inputButton pressPage"> 订阅<divclass="loader"></div> </div> <p class="errorMessage empty">邮件是空的</p> <p class="errorMessage incorrect">电子邮件是错误的</p> <p class="errorMessage used">使用电子邮件</p> <p class="errorMessage recaptcha">不正确的recaptcha</p> </div> <span><a href="//www.jzpictures.com/help/products/files/doceditor.aspx?fileid=5048502&doc=SXhWMEVzSEYxNlVVaXJJeUVtS0kyYk14YWdXTEFUQmRWL250NllHNUFGbz0_IjUwNDg1MDIi0" target="_blank">点击“订阅”表示您理解并同意<u>我们的隐私声明</u></a></span> </div> <div class="subscribe-white"> <h4>确认您的订阅</h4> <p>我们向您的电子邮件地址发送了确认邮件</p> </div> <div class="close-popup"></div> </div> </div> <div class="overlay-dark"></div> <div class="overlay-padding"> <img class="img-overlay"> <div class="close-overlay"></div> </div> </header> </div> </div> <main> <div class="PostContainer"> <div class="breadcrumbs-single"> <div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">  <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="" href="//www.jzpictures.com/blog/" class="home"><span property="name">博客</span></a> <meta property="position" content="1"></span>/<span>ONLYOFFICE</span> </div> </div> <div id="post-content" role="main"> <div class="content"> <article id="post-27328" class="post-27328 post type-post status-publish format-standard has-post-thumbnail hentry"> <div class="entry-header"> <h1 class="entry-title">如何将可填写的ONLYOFFICE表单嵌入到网页中</h1> <div class="meta info-page"> <span class="date">2022年3月11日</span> <span class="autor"><span class="entry-utility-prep entry-utility-prep-cat-links">通过<a href="//www.jzpictures.com/blog/author/ksenija/" title="Ksenija">Ksenija</a></span></span> <span class="comments">0</span> <span class="views">893</span> <div class="a2a_kit a2a_kit_size_24 addtoany_list" data-a2a-url="//www.jzpictures.com/blog/2022/03/embed-onlyoffice-forms/" data-a2a-title="How to embed fillable ONLYOFFICE forms into a web page"> <a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fwww.jzpictures.com%2Fblog%2F2022%2F03%2Fembed-onlyoffice-forms%2F&linkname=How%20to%20embed%20fillable%20ONLYOFFICE%20forms%20into%20a%20web%20page" title="" rel="nofollow noopener" target="_blank"></a> <a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fwww.jzpictures.com%2Fblog%2F2022%2F03%2Fembed-onlyoffice-forms%2F&linkname=How%20to%20embed%20fillable%20ONLYOFFICE%20forms%20into%20a%20web%20page" title="" rel="nofollow noopener" target="_blank"></a> <a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fwww.jzpictures.com%2Fblog%2F2022%2F03%2Fembed-onlyoffice-forms%2F&linkname=How%20to%20embed%20fillable%20ONLYOFFICE%20forms%20into%20a%20web%20page" title="" rel="nofollow noopener" target="_blank"></a> <a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share"><img src="https://sun1-83.userapi.com/xSNdoCSo6OSz-ah5p8xJsO4tcfA8Cgg7acOw7g/qC16b6TnJJI.jpg" alt="分享"></a> </div> </div> </div>  <div class="entry-content"> <p>你可以很容易地在你的网站上添加一个在线表单，使它可以作为PDF格式填写和下载。阅读这篇文章，学习如何做到这一点。</p> <p><img class="alignnone wp-image-27552 size-full" src="//www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-form-integration.png" alt="如何将可填写的ONLYOFFICE表单嵌入到网页中" width="736" height="371" srcset="//www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-form-integration.png 736w, //www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-form-integration-300x151.png 300w, //www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-form-integration-634x320.png 634w, //www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-form-integration-353x178.png 353w" sizes="(max-width: 736px) 100vw, 736px"></p> <p><span id="more-27328"></span></p> <h2>一个简短的介绍</h2> <p>想必你们对我们的产品已经很熟悉了<a href="//www.jzpictures.com/form-creator.aspx?utm_source=blog&utm_medium=article&utm_campaign=embed_forms" target="_blank" rel="noopener"><u>全新的</u><u>形式</u></a>．如果没有，这里有一个快速的提醒。从ONLYOFFICE Docs的7.0版本开始，您可以创必威app安卓版建、编辑和协作在线表单，让其他用户填写表单，并将表单保存为PDF格式。</p> <p>在ONLYOFFICE表单中，你使用<a href="//www.jzpictures.com/blog/2022/03/onlyoffice-forms-new-oform-docxf-formats-explained/?utm_source=blog&utm_medium=article&utm_campaign=embed_forms" target="_blank" rel="noopener"><u>两个主要的格式</u></a>．DOCXF用于从空白或任何现有DOCX文件创建表单模板。OFORM格式用于填写现成的表单。</p> <p style="text-align: center;"><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/SKGz4pmnpgY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p> <h2>如何打开DOCXF从网站编辑</h2> <p>找到并打开<code>index . html</code>您的ONLYOFFICE文档服务器的文件。然后，将其连接到Document Server API。您需要为打开表单模板指定配置参数。</p>  <div id="urvanov-syntax-highlighter-634370d26e945237886313" class="urvanov-syntax-highlighter-syntax crayon-theme-github urvanov-syntax-highlighter-font-monospace urvanov-syntax-highlighter-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;"> <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"> <span class="crayon-title"></span> <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"> <span class="urvanov-syntax-highlighter-mixed-highlight" title="Contains Mixed Languages"></span> <div class="crayon-button urvanov-syntax-highlighter-nums-button" title="Toggle Line Numbers"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-plain-button" title="Toggle Plain Code"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-wrap-button" title="Toggle Line Wrap"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-expand-button" title="Expand Code"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-copy-button" title="Copy"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-popup-button" title="Open Code In New Window"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <span class="crayon-language">JavaScript</span> </div> </div> <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;"></div> <div class="urvanov-syntax-highlighter-plain-wrap"> <textarea wrap="soft" class="urvanov-syntax-highlighter-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;"><script type="text/javascript" src="http://0.0.0.0:8080/web-apps/apps/api/documents/api.js"></script> //指定API javascript文件的路径。<按钮onclick = " open_form_template ()>打开表单模板</button> //添加一个按钮打开表单。<div id="placeholder"></div> //添加编辑器将打开的元素。<script> function open_form_template(){//如果编辑器是打开的，关闭编辑器。if (this.docEditor) {this.docEditor. destroyeditor()} //创建需要打开的表单模板的完整URL地址。Const url = window.location.protocol + "//" + window.location.hostname + ": " + window.location.port + "/ " + filename + " .docxf ";//添加密钥来识别协同编辑的文件。Const key = filename + " .docxf ";//使用文档配置创建DocsAPI对象，并在占位符元素中打开编辑器。 this.docEditor = new DocsAPI.DocEditor("placeholder", { “document”: { “fileType”: “docxf”, “key”: key, “title”: “Form Template”, “url”: url }, “documentType”: “word” }); } </script></textarea> </div> <div class="urvanov-syntax-highlighter-main" style=""> <table class="crayon-table"> <tbody> <tr class="urvanov-syntax-highlighter-row"> <td class="crayon-nums " data-settings="show"> <div class="urvanov-syntax-highlighter-nums-content" style="font-size: 12px !important; line-height: 15px !important;"> <div class="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-1"> 1</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-2"> 2</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-3"> 3.</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-4"> 4</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-5"> 5</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-6"> 6</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-7"> 7</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-8"> 8</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-9"> 9</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-10"> 10</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-11"> 11</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-12"> 12</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-13"> 13</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-14"> 14</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-15"> 15</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-16"> 16</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-17"> 17</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-18"> 18</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-19"> 19</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-20"> 20.</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-21"> 21</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-22"> 22</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-23"> 23</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-24"> 24</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-25"> 25</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-26"> 26</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-27"> 27</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-28"> 28</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-29"> 29</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-30"> 30.</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e945237886313-31"> 31</div></div></td> <td class="urvanov-syntax-highlighter-code"> <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-1"> <span class="crayon-ta"><脚本</span> <span class="crayon-e ">类型</span>＝<span class="crayon-s">“text / javascript”</span> <span class="crayon-h"></span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-2"> <span class="crayon-h"></span> <span class="crayon-e ">src</span>＝<span class="crayon-s">“http://0.0.0.0:8080 web应用程序/应用程序/ api /文件/ api.js”</span> <span class="crayon-h">></span> <span class="crayon-ta">> < /脚本</span> <span class="crayon-h"></span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-3"> <span class="crayon-h"></span> <span class="crayon-c">//指定API JavaScript文件的路径。</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-4"> <span class="crayon-h"><</span> <span class="crayon-e">按钮</span> <span class="crayon-e ">onclick</span>＝<span class="crayon-s">“open_form_template()”</span> <span class="crayon-h">></span> <span class="crayon-e">开放</span> <span class="crayon-r">形式</span> <span class="crayon-h"></span> <span class="crayon-i">模板</span> <span class="crayon-h"><</span>/<span class="crayon-i">按钮</span> <span class="crayon-h">></span> <span class="crayon-h"></span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-5"> <span class="crayon-h"></span> <span class="crayon-c">//添加一个按钮来打开表单。</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-6"> <span class="crayon-h"><</span> <span class="crayon-e">div</span> <span class="crayon-e ">id</span>＝<span class="crayon-s">“占位符”</span> <span class="crayon-h">></span> <span class="crayon-h"><</span>/<span class="crayon-i">div</span> <span class="crayon-h">></span> <span class="crayon-h"></span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-7"> <span class="crayon-h"></span> <span class="crayon-c">//添加编辑器将打开的元素。</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-8"> <span class="crayon-ta"><脚本></span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-9"> <span class="crayon-t">函数</span> <span class="crayon-h"></span> <span class="crayon-e">open_form_template</span> <span class="crayon-sy">（</span> <span class="crayon-sy">）</span> <span class="crayon-h"></span> <span class="crayon-sy">｛</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-10"> <span class="crayon-h"></span> <span class="crayon-c">//如果编辑器是打开的，关闭它。</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-11"> <span class="crayon-h"></span> <span class="crayon-st">如果</span> <span class="crayon-h"></span> <span class="crayon-sy">（</span> <span class="crayon-r">这</span> <span class="crayon-sy">．</span> <span class="crayon-i">docEditor</span> <span class="crayon-sy">）</span> <span class="crayon-h"></span> <span class="crayon-sy">｛</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-12"> <span class="crayon-h"></span> <span class="crayon-r">这</span> <span class="crayon-sy">．</span> <span class="crayon-i">docEditor</span> <span class="crayon-sy">．</span> <span class="crayon-e">destroyEditor</span> <span class="crayon-sy">（</span> <span class="crayon-sy">）</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-13"> <span class="crayon-h"></span> <span class="crayon-sy">｝</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-14"> <span class="crayon-h"></span> <span class="crayon-c">//创建需要打开的表单模板的完整URL地址。</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-15"> <span class="crayon-h"></span> <span class="crayon-m">常量</span> <span class="crayon-h"></span> <span class="crayon-i">url</span> <span class="crayon-h"></span>＝<span class="crayon-h"></span> <span class="crayon-i">窗口</span> <span class="crayon-sy">．</span> <span class="crayon-i">位置</span> <span class="crayon-sy">．</span> <span class="crayon-i">协议</span> <span class="crayon-h"></span>+<span class="crayon-h"></span> <span class="crayon-s">“/ /”</span> <span class="crayon-h"></span>+</div><divclass="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-16"> <span class="crayon-h"></span> <span class="crayon-i">窗口</span> <span class="crayon-sy">．</span> <span class="crayon-i">位置</span> <span class="crayon-sy">．</span> <span class="crayon-i">主机名</span> <span class="crayon-h"></span>+<span class="crayon-h"></span>”<span class="crayon-sy">：</span>”<span class="crayon-h"></span>+<span class="crayon-h"></span> <span class="crayon-i">窗口</span> <span class="crayon-sy">．</span> <span class="crayon-i">位置</span> <span class="crayon-sy">．</span> <span class="crayon-i">港口</span> <span class="crayon-h"></span>+<span class="crayon-h"></span>“/”<span class="crayon-h"></span>+<span class="crayon-h"></span> <span class="crayon-i">文件名</span> <span class="crayon-h"></span>+<span class="crayon-h"></span>”<span class="crayon-sy">．</span> <span class="crayon-i">docxf</span>”<span class="crayon-sy">；</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-17"> <span class="crayon-h"></span> <span class="crayon-c">//添加密钥来识别协同编辑的文件。</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-18"> <span class="crayon-h"></span> <span class="crayon-m">常量</span> <span class="crayon-h"></span> <span class="crayon-i">关键</span> <span class="crayon-h"></span>＝<span class="crayon-h"></span> <span class="crayon-i">文件名</span> <span class="crayon-h"></span>+<span class="crayon-h"></span>”<span class="crayon-sy">．</span> <span class="crayon-i">docxf</span>”<span class="crayon-sy">；</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-19"> <span class="crayon-h"></span> <span class="crayon-c">//使用文档配置创建DocsAPI对象，并在占位符元素中打开编辑器。</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-20"> <span class="crayon-h"></span> <span class="crayon-r">这</span> <span class="crayon-sy">．</span> <span class="crayon-i">docEditor</span> <span class="crayon-h"></span>＝<span class="crayon-h"></span> <span class="crayon-r">新</span> <span class="crayon-h"></span> <span class="crayon-i">DocsAPI</span> <span class="crayon-sy">．</span> <span class="crayon-e">DocEditor</span> <span class="crayon-sy">（</span> <span class="crayon-s">“占位符”</span> <span class="crayon-sy">，</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-21"> <span class="crayon-h"></span> <span class="crayon-sy">｛</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-22"> <span class="crayon-h"></span>”<span class="crayon-r">文档</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span> <span class="crayon-sy">｛</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-23"> <span class="crayon-h"></span>”<span class="crayon-i">文件类型</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span>”<span class="crayon-i">docxf</span>”<span class="crayon-sy">，</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-24"> <span class="crayon-h"></span>”<span class="crayon-i">关键</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span> <span class="crayon-i">关键</span> <span class="crayon-sy">，</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-25"> <span class="crayon-h"></span>”<span class="crayon-i">标题</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span>”<span class="crayon-r">形式</span> <span class="crayon-h"></span> <span class="crayon-i">模板</span>”<span class="crayon-sy">，</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-26"> <span class="crayon-h"></span>”<span class="crayon-i">url</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span> <span class="crayon-i">url</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-27"> <span class="crayon-h"></span> <span class="crayon-sy">｝</span> <span class="crayon-sy">，</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-28"> <span class="crayon-h"></span>”<span class="crayon-i">documentType</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span>”<span class="crayon-t">词</span>”</div><divclass="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-29"> <span class="crayon-h"></span> <span class="crayon-sy">｝</span> <span class="crayon-sy">）</span> <span class="crayon-sy">；</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e945237886313-30"> <span class="crayon-sy">｝</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e945237886313-31"> <span class="crayon-ta">> < /脚本</span> </div> </div></td> </tr> </tbody> </table> </div> </div>  <p>完成之后，可以打开表单模板进行编辑。编辑此文件后，您可以获得表单本身。为此，点击“另存为oform”按钮。</p> <h2>如何从网站上打开OFORM进行填写</h2> <p>您需要添加一个按钮来打开表单进行填写。然后,添加<code>open_form_template ()</code>函数。</p>  <div id="urvanov-syntax-highlighter-634370d26e94d028330587" class="urvanov-syntax-highlighter-syntax crayon-theme-github urvanov-syntax-highlighter-font-monospace urvanov-syntax-highlighter-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;"> <div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"> <span class="crayon-title"></span> <div class="crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;"> <span class="urvanov-syntax-highlighter-mixed-highlight" title="Contains Mixed Languages"></span> <div class="crayon-button urvanov-syntax-highlighter-nums-button" title="Toggle Line Numbers"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-plain-button" title="Toggle Plain Code"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-wrap-button" title="Toggle Line Wrap"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-expand-button" title="Expand Code"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-copy-button" title="Copy"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <div class="crayon-button urvanov-syntax-highlighter-popup-button" title="Open Code In New Window"> <div class="urvanov-syntax-highlighter-button-icon"></div> </div> <span class="crayon-language">JavaScript</span> </div> </div> <div class="crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;"></div> <div class="urvanov-syntax-highlighter-plain-wrap"> <textarea wrap="soft" class="urvanov-syntax-highlighter-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 12px !important; line-height: 15px !important;"><script type="text/javascript" src="http://0.0.0.0:8080/web-apps/apps/api/documents/api.js"></script> //指定API javascript文件的路径。<按钮onclick = " open_form ()>打开表单</button> //添加一个按钮来打开表单。<div id="placeholder"></div> //添加编辑器将打开的元素。<script> function open_form_template(){//如果编辑器是打开的，关闭编辑器。if (this.docEditor) {this.docEditor. destroyeditor()} //创建需要打开的表单的完整URL地址。Const url = window.location.protocol + "//" + window.location.hostname + ": " + window.location.port + "/ " + filename + " .oform ";Const key = filename + " .oform ";//使用文档配置创建DocsAPI对象，并在占位符元素中打开编辑器。这一点。docEditor = new DocsAPI.DocEditor("placeholder", { “document”: { “fileType”: “oform”, “title”: “Form”, “url”: url }, “documentType”: “word” }); } </script></textarea> </div> <div class="urvanov-syntax-highlighter-main" style=""> <table class="crayon-table"> <tbody> <tr class="urvanov-syntax-highlighter-row"> <td class="crayon-nums " data-settings="show"> <div class="urvanov-syntax-highlighter-nums-content" style="font-size: 12px !important; line-height: 15px !important;"> <div class="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-1"> 1</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-2"> 2</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-3"> 3.</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-4"> 4</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-5"> 5</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-6"> 6</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-7"> 7</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-8"> 8</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-9"> 9</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-10"> 10</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-11"> 11</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-12"> 12</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-13"> 13</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-14"> 14</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-15"> 15</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-16"> 16</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-17"> 17</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-18"> 18</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-19"> 19</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-20"> 20.</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-21"> 21</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-22"> 22</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-23"> 23</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-24"> 24</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-25"> 25</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-26"> 26</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-27"> 27</div><divclass="crayon-num crayon-striped-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-28"> 28</div><divclass="crayon-num" data-line="urvanov-syntax-highlighter-634370d26e94d028330587-29"> 29</div></div></td> <td class="urvanov-syntax-highlighter-code"> <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-1"> <span class="crayon-ta"><脚本</span> <span class="crayon-e ">类型</span>＝<span class="crayon-s">“text / javascript”</span> <span class="crayon-h"></span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-2"> <span class="crayon-h"></span> <span class="crayon-e ">src</span>＝<span class="crayon-s">“http://0.0.0.0:8080 web应用程序/应用程序/ api /文件/ api.js”</span> <span class="crayon-h">></span> <span class="crayon-ta">> < /脚本</span> <span class="crayon-h"></span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-3"> <span class="crayon-h"></span> <span class="crayon-c">//指定API JavaScript文件的路径。</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-4"> <span class="crayon-h"><</span> <span class="crayon-e">按钮</span> <span class="crayon-e ">onclick</span>＝<span class="crayon-s">“open_form()”</span> <span class="crayon-h">></span> <span class="crayon-e">开放</span> <span class="crayon-r">形式</span> <span class="crayon-h"><</span>/<span class="crayon-i">按钮</span> <span class="crayon-h">></span> <span class="crayon-h"></span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-5"> <span class="crayon-h"></span> <span class="crayon-c">//添加一个按钮来打开表单。</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-6"> <span class="crayon-h"><</span> <span class="crayon-e">div</span> <span class="crayon-e ">id</span>＝<span class="crayon-s">“占位符”</span> <span class="crayon-h">></span> <span class="crayon-h"><</span>/<span class="crayon-i">div</span> <span class="crayon-h">></span> <span class="crayon-h"></span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-7"> <span class="crayon-h"></span> <span class="crayon-c">//添加编辑器将打开的元素。</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-8"> <span class="crayon-ta"><脚本></span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-9"> <span class="crayon-t">函数</span> <span class="crayon-h"></span> <span class="crayon-e">open_form_template</span> <span class="crayon-sy">（</span> <span class="crayon-sy">）</span> <span class="crayon-h"></span> <span class="crayon-sy">｛</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-10"> <span class="crayon-h"></span> <span class="crayon-c">//如果编辑器是打开的，关闭它。</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-11"> <span class="crayon-h"></span> <span class="crayon-st">如果</span> <span class="crayon-h"></span> <span class="crayon-sy">（</span> <span class="crayon-r">这</span> <span class="crayon-sy">．</span> <span class="crayon-i">docEditor</span> <span class="crayon-sy">）</span> <span class="crayon-h"></span> <span class="crayon-sy">｛</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-12"> <span class="crayon-h"></span> <span class="crayon-r">这</span> <span class="crayon-sy">．</span> <span class="crayon-i">docEditor</span> <span class="crayon-sy">．</span> <span class="crayon-e">destroyEditor</span> <span class="crayon-sy">（</span> <span class="crayon-sy">）</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-13"> <span class="crayon-h"></span> <span class="crayon-sy">｝</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-14"> <span class="crayon-h"></span> <span class="crayon-c">//创建需要打开的表单的完整URL地址。</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-15"> <span class="crayon-h"></span> <span class="crayon-m">常量</span> <span class="crayon-h"></span> <span class="crayon-i">url</span> <span class="crayon-h"></span>＝<span class="crayon-h"></span> <span class="crayon-i">窗口</span> <span class="crayon-sy">．</span> <span class="crayon-i">位置</span> <span class="crayon-sy">．</span> <span class="crayon-i">协议</span> <span class="crayon-h"></span>+<span class="crayon-h"></span> <span class="crayon-s">“/ /”</span> <span class="crayon-h"></span>+</div><divclass="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-16"> <span class="crayon-h"></span> <span class="crayon-i">窗口</span> <span class="crayon-sy">．</span> <span class="crayon-i">位置</span> <span class="crayon-sy">．</span> <span class="crayon-i">主机名</span> <span class="crayon-h"></span>+<span class="crayon-h"></span>”<span class="crayon-sy">：</span>”<span class="crayon-h"></span>+<span class="crayon-h"></span> <span class="crayon-i">窗口</span> <span class="crayon-sy">．</span> <span class="crayon-i">位置</span> <span class="crayon-sy">．</span> <span class="crayon-i">港口</span> <span class="crayon-h"></span>+<span class="crayon-h"></span>“/”<span class="crayon-h"></span>+<span class="crayon-h"></span> <span class="crayon-i">文件名</span> <span class="crayon-h"></span>+<span class="crayon-h"></span>”<span class="crayon-sy">．</span> <span class="crayon-i">oform</span>”<span class="crayon-sy">；</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-17"> <span class="crayon-h"></span> <span class="crayon-m">常量</span> <span class="crayon-h"></span> <span class="crayon-i">关键</span> <span class="crayon-h"></span>＝<span class="crayon-h"></span> <span class="crayon-i">文件名</span> <span class="crayon-h"></span>+<span class="crayon-h"></span>”<span class="crayon-sy">．</span> <span class="crayon-i">oform</span>”<span class="crayon-sy">；</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-18"> <span class="crayon-h"></span> <span class="crayon-c">//使用文档配置创建DocsAPI对象，并在占位符元素中打开编辑器。</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-19"> <span class="crayon-h"></span> <span class="crayon-r">这</span> <span class="crayon-sy">．</span> <span class="crayon-i">docEditor</span> <span class="crayon-h"></span>＝<span class="crayon-h"></span> <span class="crayon-r">新</span> <span class="crayon-h"></span> <span class="crayon-i">DocsAPI</span> <span class="crayon-sy">．</span> <span class="crayon-e">DocEditor</span> <span class="crayon-sy">（</span> <span class="crayon-s">“占位符”</span> <span class="crayon-sy">，</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-20"> <span class="crayon-h"></span> <span class="crayon-sy">｛</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-21"> <span class="crayon-h"></span>”<span class="crayon-r">文档</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span> <span class="crayon-sy">｛</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-22"> <span class="crayon-h"></span>”<span class="crayon-i">文件类型</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span>”<span class="crayon-i">oform</span>”<span class="crayon-sy">，</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-23"> <span class="crayon-h"></span>”<span class="crayon-i">标题</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span>”<span class="crayon-r">形式</span>”<span class="crayon-sy">，</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-24"> <span class="crayon-h"></span>”<span class="crayon-i">url</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span> <span class="crayon-i">url</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-25"> <span class="crayon-h"></span> <span class="crayon-sy">｝</span> <span class="crayon-sy">，</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-26"> <span class="crayon-h"></span>”<span class="crayon-i">documentType</span>”<span class="crayon-sy">：</span> <span class="crayon-h"></span>”<span class="crayon-t">词</span>”</div><divclass="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-27"> <span class="crayon-h"></span> <span class="crayon-sy">｝</span> <span class="crayon-sy">）</span> <span class="crayon-sy">；</span> </div> <div class="crayon-line crayon-striped-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-28"> <span class="crayon-sy">｝</span> </div> <div class="crayon-line" id="urvanov-syntax-highlighter-634370d26e94d028330587-29"> <span class="crayon-ta">> < /脚本</span> </div> </div></td> </tr> </tbody> </table> </div> </div>  <p>要考虑到<code>关键</code>字段没有传递给编辑器的配置。该字段将自动生成为随机数。这使得打开表单的所有会话都是独立的。因此，禁用了OFORM文件上的协作。这就是为什么任何人都可以打开表格填写而不打扰他人。</p> <p>一旦完成，就可以打开表格进行填写。在填写完字段(必需的字段用红色边框突出显示)后，您可以得到一个PDF文件。为此，点击“另存为PDF”按钮。</p> <p><img loading="lazy" class="img-popup alignnone wp-image-27329" src="//www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-oform-file.png" alt="如何将ONLYOFFICE表单嵌入到网页中" width="736" height="416" srcset="//www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-oform-file.png 1124w, //www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-oform-file-300x169.png 300w, //www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-oform-file-1024x579.png 1024w, //www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-oform-file-768x434.png 768w, //www.jzpictures.com/blog/wp-content/uploads/2022/03/onlyoffice-oform-file-315x178.png 315w" sizes="(max-width: 736px) 100vw, 736px"></p> <div class="useful-links"> <h3>有用的链接</h3> <p><a href="//www.jzpictures.com/api/?utm_source=blog&utm_medium=article&utm_campaign=embed_forms" target="_blank" rel="noopener"><u>API文档</u></a></p> <p><a href="//www.jzpictures.com/blog/2022/01/how-to-create-fillable-forms/?utm_source=blog&utm_medium=article&utm_campaign=embed_forms" target="_blank" rel="noopener"><u>如何创建可填写的表单</u></a></p> <p><a href="//www.jzpictures.com/blog/2022/03/onlyoffice-forms-new-oform-docxf-formats-explained/?utm_source=blog&utm_medium=article&utm_campaign=embed_forms" target="_blank" rel="noopener"><u>解释了OFORM和DOCXF格式</u></a></p> <p><a href="//www.jzpictures.com/oforms/?utm_source=blog&utm_medium=article&utm_campaign=emdeb_forms" target="_blank" rel="noopener"><u>图书馆自由的形式</u></a></p> <p><a href="//www.jzpictures.com/blog/2022/01/7-interesting-facts-about-onlyoffice-forms/?utm_source=blog&utm_medium=article&utm_campaign=embed_forms" target="_blank" rel="noopener"><u>关于ONLYOFFICE表单的7个有趣的事实</u></a></p> <p><a href="//www.jzpictures.com/developer-edition.aspx?utm_source=blog&utm_medium=article&utm_campaign=embed_forms" target="_blank" rel="noopener"><u>ONLYOFFICE为开发人员</u></a></p> </div> </div>  </article>  <div class="tagsList"> <div class="tagLine"> <div class="tagItem"> <a href="//www.jzpictures.com/blog/tag/oforms/"># OFORMs</a> </div> <div class="tagItem"> <a href="//www.jzpictures.com/blog/tag/online-forms/">#在线表单</a> </div> </div> <div class="tagShare"> <div class="a2a_kit a2a_kit_size_24 addtoany_list" data-a2a-url="//www.jzpictures.com/blog/2022/03/embed-onlyoffice-forms/" data-a2a-title="How to embed fillable ONLYOFFICE forms into a web page"> <a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fwww.jzpictures.com%2Fblog%2F2022%2F03%2Fembed-onlyoffice-forms%2F&linkname=How%20to%20embed%20fillable%20ONLYOFFICE%20forms%20into%20a%20web%20page" title="" rel="nofollow noopener" target="_blank"></a> <a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fwww.jzpictures.com%2Fblog%2F2022%2F03%2Fembed-onlyoffice-forms%2F&linkname=How%20to%20embed%20fillable%20ONLYOFFICE%20forms%20into%20a%20web%20page" title="" rel="nofollow noopener" target="_blank"></a> <a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fwww.jzpictures.com%2Fblog%2F2022%2F03%2Fembed-onlyoffice-forms%2F&linkname=How%20to%20embed%20fillable%20ONLYOFFICE%20forms%20into%20a%20web%20page" title="" rel="nofollow noopener" target="_blank"></a> <a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share"><img src="https://sun1-83.userapi.com/xSNdoCSo6OSz-ah5p8xJsO4tcfA8Cgg7acOw7g/qC16b6TnJJI.jpg" alt="分享"></a> </div> </div> </div> <div class="cloud-block"> <a class="red button" href="//www.jzpictures.com/registration.aspx" target="_blank">试试云端的ONLYOFFICE吧</a> </div> <div class="wpdc-join-discussion"> <a class="wpdc-join-discussion-link" href="//www.jzpictures.com/forum/t/how-to-embed-fillable-onlyoffice-forms-into-a-web-page/1430" target="_blank" rel="noreferrer noopener">加入讨论</a> </div> </div>  <div class="sidebar"> <h3>最近的帖子</h3> <div class="wrapperMain"> <div class="postwrapper"> <a href="//www.jzpictures.com/blog/2022/10/find-and-replace-in-word/" alt="How to find and replace text in Word documents"><img src="//www.jzpictures.com/blog/wp-content/uploads/2022/10/find-and-replace.png" alt="如何查找和替换Word文档中的文本"></a> <div class="postThemeGridBox"> <h4 class="entry-title"><a href="//www.jzpictures.com/blog/2022/10/find-and-replace-in-word/" title="如何查找和替换Word文档中的文本" rel="bookmark" alt="How to find and replace text in Word documents">如何查找和替换Word文档中的文本</a></h4> <div class="meta grid"> <span class="date">2022年10月7日</span> <span class="autor"><span class="entry-utility-prep entry-utility-prep-cat-links">通过<a href="//www.jzpictures.com/blog/author/dasha/" title="达莎">达莎</a></span></span> </div> </div> </div> <div class="postwrapper"> <a href="//www.jzpictures.com/blog/2022/10/onlyoffice-api-7-2/" alt="ONLYOFFICE Docs 7.2 for developers: API updates"><img src="//www.jzpictures.com/blog/wp-content/uploads/2022/09/onlyoffice-api-7.2.jpg" alt="必威app安卓版面向开发人员的ONLYOFFICE Docs 7.2: API更新"></a> <div class="postThemeGridBox"> <h4 class="entry-title"><a href="//www.jzpictures.com/blog/2022/10/onlyoffice-api-7-2/" title="必威app安卓版面向开发人员的ONLYOFFICE Docs 7.2: API更新" rel="bookmark" alt="ONLYOFFICE Docs 7.2 for developers: API updates">必威app安卓版面向开发人员的ONLYOFFICE Docs 7.2: API更新</a></h4> <div class="meta grid"> <span class="date">2022年10月6日</span> <span class="autor"><span class="entry-utility-prep entry-utility-prep-cat-links">通过<a href="//www.jzpictures.com/blog/author/ksenija/" title="Ksenija">Ksenija</a></span></span> </div> </div> </div> <div class="postwrapper"> <a href="//www.jzpictures.com/blog/2022/10/onlyoffice-document-builder-v7-2/" alt="ONLYOFFICE Document Builder v7.2: JS commands, .Net library, JSON conversion, OLE object methods, and more"><img src="//www.jzpictures.com/blog/wp-content/uploads/2022/09/onlyoffice-doc-builder-7.2.png" alt="ONLYOFFICE Document Builder v7.2: JS命令、.Net库、JSON转换、OLE对象方法等等"></a> <div class="postThemeGridBox"> <h4 class="entry-title"><a href="//www.jzpictures.com/blog/2022/10/onlyoffice-document-builder-v7-2/" title="ONLYOFFICE Document Builder v7.2: JS命令、.Net库、JSON转换、OLE对象方法等等" rel="bookmark" alt="ONLYOFFICE Document Builder v7.2: JS commands, .Net library, JSON conversion, OLE object methods, and more">ONLYOFFICE Document Builder v7.2: JS命令、.Net库、JSON转换、OLE对象方法等等</a></h4> <div class="meta grid"> <span class="date">2022年10月6日</span> <span class="autor"><span class="entry-utility-prep entry-utility-prep-cat-links">通过<a href="//www.jzpictures.com/blog/author/ksenija/" title="Ksenija">Ksenija</a></span></span> </div> </div> </div> </div> </div> </div>  </div>  </main>    <footer> <div class="footercolor"> <div class="narrowfooter"> <div class="bottomlines"> <ul class="footer_menu en"> <div group-menu> <li class="footer-border"><a id="footer_menu_developers" class="footer-button"><h6>开发人员</h6></a> <div id="navitem_footer_developers"> <ul> <li><p><a href="//www.jzpictures.com/developer-edition.aspx">开发版</a></p></li> <li><p><a href="//www.jzpictures.com/document-builder.aspx">文档构建器</a></p></li> <li><p><a href="//www.jzpictures.com/groups.aspx">组</a></p></li> <li><p><a target="_blank" rel="noreferrer noopener" id="navitem_api" href="//www.jzpictures.com/api/">API</a></p></li> <li><p><a target="_blank" rel="noreferrer noopener" href="https://github.com/ONLYOFFICE/">代码在GitHub上</a></p></li> </ul> </div></li> <li class="footer-border"><a id="footer_menu_solutions" class="footer-button"><h6>安全</h6></a> <div id="navitem_footer_solutions"> <ul> <li><p><a href="//www.jzpictures.com/security.aspx">身份验证和访问控制</a></p></li> <li><p><a href="//www.jzpictures.com/security.aspx">数据保护</a></p></li> <li><p><a href="//www.jzpictures.com/security.aspx">数据加密</a></p></li> <li><p><a href="//www.jzpictures.com/private-rooms.aspx">私人房间</a></p></li> <li><p><a href="//www.jzpictures.com/blog/2018/05/how-onlyoffice-complies-with-gdpr/">GDPR合规</a></p></li> <li><p><a href="//www.jzpictures.com/blog/2020/10/how-onlyoffice-complies-with-hipaa/">HIPAA合规</a></p></li> </ul> </div></li> </div> <div group-menu> <li class="footer-border"><a id="footer_menu_solutions_bsz" class="footer-button"><h6>按大小</h6></a> <div id="navitem_footer_by_size"> <ul> <li><p><a href="//www.jzpictures.com/for-small-business.aspx">中小型企业</a></p></li> <li><p><a href="//www.jzpictures.com/for-enterprises.aspx">企业</a></p></li> <li><p><a href="//www.jzpictures.com/home-use.aspx">家用</a></p></li> <li></li> </ul> </div></li> <li class="footer-border"><a id="footer_menu_solutions_bid" class="footer-button"><h6>由工业</h6></a> <div id="navitem_footer_by_industry"> <ul> <li><p><a href="//www.jzpictures.com/for-developers.aspx">开发人员</a></p></li> <li><p><a href="//www.jzpictures.com/for-hosting-providers.aspx">主机提供商</a></p></li> <li><p><a href="//www.jzpictures.com/for-government.aspx">政府</a></p></li> <li></li> <li><p><a href="//www.jzpictures.com/healthcare.aspx">医疗保健</a></p></li> <li><p><a href="//www.jzpictures.com/for-research.aspx">研究</a></p></li> <li><p><a href="//www.jzpictures.com/education.aspx">365必威 </a></p></li> <li><p><a href="//www.jzpictures.com/nonprofit-organizations.aspx">非营利组织</a></p></li> </ul> </div></li> </div> <div group-menu> <li class="footer-border"><a id="footer_menu_support" class="footer-button"><h6>支持</h6></a> <div id="navitem_footer_support"> <ul> <li><p><a href="//www.jzpictures.com/support-contact-form.aspx">支持接触形式</a></p></li> <li><p><a target="_blank" rel="noreferrer noopener" href="//www.jzpictures.com/forum/">论坛</a></p></li> <li><p><a href="//www.jzpictures.com/demo-order.aspx">为了演示</a></p></li> <li><p><a href="//www.jzpictures.com/webinars.aspx">在线研讨会</a></p></li> <li><p><a href="//www.jzpictures.com/training-courses.aspx">培训课程</a></p></li> </ul> </div></li> <li class="footer-border"><a id="footer_menu_GetInfo" class="footer-button"><h6>资源</h6></a> <div id="navitem_footer_GetInfo"> <ul> <li><p><a target="_blank" rel="noreferrer noopener" href="//www.jzpictures.com/helpcenter/index.aspx">帮助中心</a></p></li> <li><p><a href="//www.jzpictures.com/app-directory.aspx">应用程序目录</a></p></li> <li><p><a href="//www.jzpictures.com/document-editor-comparison.aspx">与其他套件相比</a></p></li> <li><p><a href="//www.jzpictures.com/contribute.aspx">贡献</a></p></li> <li><p><a href="//www.jzpictures.com/legalterms.aspx">法律通知</a></p></li> </ul> </div></li> </div> <div group-menu> <li class="footer-border"><a id="footer_menu_comparison" class="footer-button"><h6>比较</h6></a> <div id="navitem_footer_comparison"> <ul> <li><p><a href="//www.jzpictures.com/best-microsoft-office-alternative.aspx">必威app安卓版ONLYOFFICE Docs vs MS Office Online</a></p></li> <li><p><a href="//www.jzpictures.com/best-google-docs-alternative.aspx">必威app安卓版ONLYOFFICE文档vs谷歌文档</a></p></li> <li><p><a href="//www.jzpictures.com/best-zoho-docs-alternative.aspx">必威app安卓版ONLYOFFICE Docs vs Zoho Docs</a></p></li> <li></li> <li><p><a href="//www.jzpictures.com/best-libreoffice-alternative.aspx">必威app安卓版ONLYOFFICE Docs vs LibreOffice</a></p></li> <li><p><a href="//www.jzpictures.com/best-wps-alternative.aspx">必威app安卓版只有office文档vs WPS</a></p></li> <li><p><a href="//www.jzpictures.com/best-adobe-alternative.aspx">必威app安卓版ONLYOFFICE Docs vs adobeacrobat</a></p></li> </ul> </div></li> <li class="footer-border"><a id="footer_menu_contact" class="footer-button"><h6>联系我们</h6></a> <div id="navitem_footer_contact"> <ul> <li>销售的问题<a class="emailus" href="mailto:sales@onlyoffice.com">sales@onlyoffice.com</a></li> <li>合作伙伴的调查<a class="emailus" href="mailto:partners@onlyoffice.com">必威体育中文版partners@onlyoffice.com</a></li> <li>新闻调查<a class="emailus" href="mailto:press@onlyoffice.com">press@onlyoffice.com</a></li> <li><p><a href="//www.jzpictures.com/call-back-form.aspx">请求一个电话</a></p></li> </ul> </div></li> </div> </ul> <div class="SocialLinks"> <ul class="ListSocLink"> <li><a class="subscribe-mail" title="" id="subscribelink"><label title="Subscribe to our newsletters" class="social_grey_subscribe"></label></a></li> <li><a target="_blank" href="https://www.facebook.com/pages/OnlyOffice/833032526736775" onmouseup="PageTrack('GoTo_facebook');" rel="noreferrer noopener" title="" class="faceBook"><label class="social_grey_fb" title="Facebook"></label></a></li> <li><a rel="noreferrer noopener" target="_blank" onmouseup="PageTrack('GoTo_twitter');" href="https://twitter.com/ONLY_OFFICE" title="" class="twitter"><label class="social_grey_twi" title="Twitter"></label></a></li> <li><a rel="noreferrer noopener" target="_blank" onmouseup="PageTrack('GoTo_linkedin');" href="https://www.linkedin.com/groups/ONLYOFFICE-6726380" title="" class="linkedin"><label class="social_grey_in" title="LinkedIn"></label></a></li> <li><a rel="noreferrer noopener" target="_blank" onmouseup="PageTrack('GoTo_youtube');" href="https://www.youtube.com/user/onlyofficeTV" title="" class="youtube"><label class="social_grey_tube" title="YouTube"></label></a></li> <li><a rel="noreferrer noopener" target="_blank" onmouseup="PageTrack('GoTo_blog');" href="//www.jzpictures.com/blog" title="" class="blog"><label title="Blog" class="social_grey_blog"></label></a></li> <li><a rel="noreferrer noopener" target="_blank" onmouseup="PageTrack('GoTo_medium');" href="https://medium.com/onlyoffice" title="" class="medium"><label title="Medium" class="social_grey_medium"></label></a></li> <li><a rel="noreferrer noopener" target="_blank" onmouseup="PageTrack('GoTo_instagram');" class="medium" title="" href="https://www.instagram.com/the_onlyoffice/"><label title="Instagram" class="social_grey_instagram"></label></a></li> <li><a class="github" title="" href="https://github.com/ONLYOFFICE/" onmouseup="PageTrack('GoTo_medium');" target="_blank" rel="noreferrer noopener"><label title="GitHub" class="social_grey_github"></label></a></li> <li><a class="fosstodon" title="" href="https://fosstodon.org/@ONLYOFFICE" onmouseup="PageTrack('GoTo_medium');" target="_blank" rel="noreferrer noopener"><label title="Fosstodon" class="social_grey_fosstodon"></label></a></li> </ul> <div class="copyReserved"> 下载必威体育app </div> </div> </div> </div> </div> </footer>    </body> </html>