脚手架工程 (Scaffold Demo)

Scaffold demo包含了开源UI的addon，其展示了如何自定义UI以及如何使用声明文件。该demo在 examples/UIExtension/scaffoldDemo/目录下。

如何运行demo

设置库

在demo根目录下执行命令npm run setup。

该命令执行了以下步骤:

• 将 lib 目录作为本地 npm 仓库添加到依赖列表。
• 安装所有第三方依赖，这些依赖主要用于开发环境搭建。

运行Demo

执行命令：npm start

源码结构

src文件夹包含如下内容：

│  addons.js                        --- 展示如何使用foxit提供的插件.
│  index.js                         --- javascript入口文件.
│
└─addonExample                      --- addon的样例. 
    │  addon.info.json              --- addon入口文件, 该文件指定了所有addon需要的其他文件.
    │  index.css                    --- 样式表
    │  index.js                     --- addon的脚本入口文件。不能更改文件名。
    │
    ├─locales                       --- i18n 多语言文件
    │      en-US.json
    │      zh-CN.json
    │
    ├─stateHandlers                 --- 继承自IStateHandler的State Handler 类 
    │      addTextField.js
    │
    └─templates
            custom-dialog.art       --- 自定义对话框的art 模板.
            tab-template.art        --- 自定义工具栏的art模板.

入口文件

src/addonExample/index.js 是addon的脚本入口文件。有关详细信息，请查看源文件。