{"id":9342,"date":"2026-09-20T15:53:24","date_gmt":"2026-09-20T07:53:24","guid":{"rendered":"https:\/\/support.fuxinsoft.cn\/?p=9342"},"modified":"2026-09-20T15:53:25","modified_gmt":"2026-09-20T07:53:25","slug":"websdk-%e5%b7%a5%e5%85%b7%e6%a0%8f%e7%b2%be%e7%ae%80","status":"publish","type":"post","link":"https:\/\/support.fuxinsoft.cn\/?p=9342","title":{"rendered":"WebSDK \u5de5\u5177\u680f\u7cbe\u7b80"},"content":{"rendered":"\n

\u5d4c\u5165\u4e1a\u52a1\u7cfb\u7edf\u65f6\uff0c\u5f88\u591a\u573a\u666f\u5176\u5b9e\u53ea\u662f\u300c\u770b PDF\u300d\uff1a\u7f29\u653e\u3001\u7ffb\u9875\u3001\u641c\u7d22\u5c31\u591f\u4e86\uff0c\u4e0d\u9700\u8981\u5b8c\u6574\u6ce8\u91ca\/\u8868\u5355\u7f16\u8f91\u5668\u3002\u8fd9\u65f6\u53ef\u4ee5\u76f4\u63a5\u6362\u4e00\u5957\u81ea\u5b9a\u4e49 Appearance\uff0c\u4ece\u5e03\u5c40\u5c42\u53ea\u4fdd\u7559\u9700\u8981\u7684\u63a7\u4ef6\u3002<\/p>\n\n\n\n

\u6838\u5fc3\u4e24\u6b65<\/p>\n\n\n\n

\u7b2c\u4e00\u6b65\uff0c\u7528 <template><\/code> \u5b9a\u4e49\u81ea\u5df1\u7684 layout\uff1a\u5de5\u5177\u680f\u91cc\u53ea\u653e Hand\u3001\u7f29\u653e\u3001\u7ffb\u9875\u3001\u641c\u7d22\u7b49\uff1b\u4e2d\u95f4\u653e <viewer><\/code>\u3002<\/p>\n\n\n\n

<template id=\"layout-template\">\n  <webpdf>\n    <toolbar name=\"toolbar\">\n      <group-list>\n        <group name=\"home-tab-group-hand\">\n          <hand-button><\/hand-button>\n          <selection-dropdown><\/selection-dropdown>\n        <\/group>\n        <group name=\"home-tab-group-zoom\">\n          <zoom-out-button><\/zoom-out-button>\n          <zoom-in-button><\/zoom-in-button>\n          <editable-zoom-dropdown><\/editable-zoom-dropdown>\n        <\/group>\n        <group name=\"home-tab-group-goto\">\n          <goto-prev-page-button><\/goto-prev-page-button>\n          <goto-page-input><\/goto-page-input>\n          <goto-next-page-button><\/goto-next-page-button>\n        <\/group>\n        <group name=\"home-tab-group-search\">\n          <search:search-input><\/search:search-input>\n        <\/group>\n      <\/group-list>\n    <\/toolbar>\n    <div class=\"fv__ui-body\">\n      <viewer @touch-to-scroll @zoom-on-wheel><\/viewer>\n    <\/div>\n    <!-- \u6253\u5370\u7b49\u5f39\u7a97\u8282\u70b9\u6309\u9700\u4fdd\u7559\uff0c\u52ff\u4e00\u5200\u5207\u5220\u5149 -->\n  <\/webpdf>\n<\/template><\/code><\/pre>\n\n\n\n
\u7b2c\u4e8c\u6b65\uff0c\u7ee7\u627f Appearance\uff0c\u628a\u6a21\u677f\u6302\u4e0a\u53bb\uff1a<\/p>\n\n\n\n
var CustomAppearance = UIExtension.appearances.Appearance.extend({\n  getLayoutTemplate: function () {\n    return document.getElementById('layout-template').innerHTML;\n  }\n});\n\nvar pdfui = new UIExtension.PDFUI({\n  viewerOptions: { libPath: 'lib', jr: { readyWorker: readyWorker } },\n  renderTo: '#pdf-ui',\n  appearance: CustomAppearance,  \/\/ \u4e0d\u8981\u7528\u9ed8\u8ba4 adaptive\n  addons: '...'\n});<\/code><\/pre>\n\n\n\n
\u4e24\u70b9\u63d0\u9192<\/p>\n\n\n\n
    \n
  1. template-container<\/code>\u00a0\u91cc\u7684\u5bf9\u8bdd\u6846\u3001\u53f3\u952e\u83dc\u5355\u4e0d\u8981\u4e00\u5200\u5207\u5220\u5149\u2014\u2014\u6253\u5370\u3001\u5c5e\u6027\u7b49\u4ecd\u4f9d\u8d56\u5bf9\u5e94 dialog \u8282\u70b9\u3002<\/li>\n\n\n\n
  2. \u5c40\u90e8\u589e\u5220\u4f18\u5148 fragments\u3002\u6574\u9875\u6362\u6210\u300c\u9884\u89c8\u58f3\u300d\u65f6\uff0c\u518d\u7528 Appearance\u3002<\/li>\n<\/ol>\n\n\n\n
    <\/p>\n","protected":false},"excerpt":{"rendered":"
    \u5d4c\u5165\u4e1a\u52a1\u7cfb\u7edf\u65f6\uff0c\u5f88\u591a\u573a\u666f\u5176\u5b9e\u53ea\u662f\u300c\u770b PDF\u300d\uff1a\u7f29\u653e\u3001\u7ffb\u9875\u3001\u641c\u7d22\u5c31\u591f\u4e86\uff0c\u4e0d\u9700\u8981\u5b8c\u6574\u6ce8\u91ca\/\u8868\u5355\u7f16\u8f91\u5668\u3002\u8fd9\u65f6\u53ef\u4ee5\u76f4 […]<\/p>\n","protected":false},"author":33,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[375,644],"class_list":["post-9342","post","type-post","status-publish","format-standard","hentry","category-websdk","tag-375","tag-644"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","_links":{"self":[{"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts\/9342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9342"}],"version-history":[{"count":1,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts\/9342\/revisions"}],"predecessor-version":[{"id":9343,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=\/wp\/v2\/posts\/9342\/revisions\/9343"}],"wp:attachment":[{"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=9342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.fuxinsoft.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=9342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}