FormIt for Windows
简体中文
简体中文
  • 简介
  • 新特性
  • FormIt 功能
    • 多个客户端
    • 概念实体建模
    • 使用数据格式
    • 语言
    • 协作
    • 演示图形
    • FormIt + Autodesk Docs
    • FormIt + Dynamo
    • 日光 + 能量分析
    • FormIt + Revit
    • FormIt + JavaScript for Plugins
  • FormIt 简介
    • 常见问题解答
    • 先决条件和安装
    • 设置项目
    • 工具栏和选项板
    • 导航场景
  • FormIt Primer
    • 第 I 部分
      • 1.1 - 设置位置
      • 1.2 - 使用图像和栅格设置项目
      • 1.3 - 三维草图和拖动面
      • 1.4 - 添加楼层与标高
      • 1.5 - 组对象
      • 1.6 - 使用图层控制可见性
      • 1.7 - 使用材质绘制
      • 1.8 - 使用阵列创建柱
      • 1.9 - 添加详图
      • 1.10 - Dynamo 的计算组
      • 1.11 - 使用内容库输入模型
      • 1.12 - 视觉样式
      • 1.13 - 剖切平面
      • 1.14 - 输出图像
      • 1.15 - 使用 Revit
    • 第 II 部分
      • 2.1 - 偏移线工具
      • 2.2 - 高级建模工具:壳和盖板
      • 2.3 - 正交视图工作流
      • 2.4 - 三维地形工作流
      • 2.5 - 插件
      • 2.6 - Dynamo FormIt 节点
      • 2.7 - 诊断工具
      • 2.8 - 高级 Revit 工作流
      • 2.9 - 日光和 Insight 能量分析
      • 2.10 - 协作任务
  • 工具库
    • 三维文字
    • 将相机与面对齐
    • 圆弧
    • 阵列
    • 沿路径阵列
    • 自动保存
    • 布尔切割
    • 布尔交集
    • 布尔连接
    • 圆
    • 协作
    • 内容库
    • 复制对象
    • 覆盖、扫掠、放样
    • 创建全景
    • 曲线 + 曲面镶嵌面
    • 删除、编辑、移动
    • Dynamo
    • 使用 Insight 进行能量分析
    • 面:拉伸、切割和偏移
    • 面:展平
    • 面:倾斜和镶嵌/平滑
    • 组树
    • 组
    • 输入和输出数据
    • 图层
    • 标高和面积
    • 线
    • 材质
    • 测量角度
    • 测量
    • 网格
    • 镜像
    • 模型统计信息
    • 模型树
    • 修改面、边和点
    • 非均匀缩放
    • 偏移线
    • 正交视图
    • 正交和透视相机
    • 放置基本体
    • 放置顶点
    • 插件
    • 多边形
    • 特性
    • 沿路径栏杆扶手
    • 矩形
    • Revit
    • 旋转对象
    • 缩放对象
    • 场景
    • 剖切平面
    • 选择
    • 设置位置
    • 太阳 + 阴影
    • 壳
    • 捕捉和推断
    • 日光分析
    • 样条曲线
    • 店面/幕墙竖梃系统
    • 撤消管理器
    • 视觉样式
    • 工作平面
    • 世界轴
  • 插件
    • 插件简介
    • 如何使用插件
    • 如何开发插件
      • 您的第一个插件
        • 插件乐园
        • 启动样例插件
        • 添加您自己的功能
        • 保存工作到 GitHub
        • 发布项目
      • 高级开发
        • 使用 IDE
        • 克隆样例插件
        • 在本地服务器上托管插件
        • 在插件管理器中预览插件
        • 设置 FormIt 以供开发
        • 在 GitHub 上托管插件
        • 清单中的常规插件设置
        • 为本地更改重新载入
        • 客户端与 Web 端引擎
        • 调试
        • 版本控制
      • 其他开发选项
        • 创建 HTML 面板插件
        • 创建组合的 HTML 面板和工具栏插件
        • 创建基于工具栏的插件
        • 测试组合的 HTML 面板和工具栏插件
        • 创建附加模块
        • 从 Dynamo 调用插件和 API
    • FormIt API
    • 示例
      • 生成灯串
      • 管理相机插件
      • 特性+ 插件
      • 三维上下文创建器
      • FormIt 插件社区
  • 附录
    • 键盘快捷键
Powered by GitBook
On this page
Edit on GitHub
  1. 插件
  2. 如何开发插件
  3. 其他开发选项

创建 HTML 面板插件

Previous其他开发选项Next创建组合的 HTML 面板和工具栏插件

Last updated 2 years ago

显示 HTML 页面的基于面板的插件有一个 manifest.json 文件,其结构如下所示:

{
    "PluginName": "Hello Block!",
    "PluginType": "Panel",
    "PluginDescription": "Creates a panel with an HTML form that allows dimensional input for a 3D block which will get generated at the world origin.",
    "Scripts": [
        "PLUGINLOCATION/block.js"
    ],
    "Panel": "PLUGINLOCATION/hello_block.html",
    "PanelIcon": "PLUGINLOCATION/hello_block.png"
}               
  • “面板”告知 FormIt 此插件是一个面板,并链接到应在该面板中加载的 HTML 文件的位置。

  • HTML 文件需要标头中的链接指向相应 JavaScript 文件,以及指向 CSS 文件以进行样式设置。

  • HTML 文件将在 FormIt 面板中渲染,就像在浏览器中一样。

  • “PanelIcon”为此插件定义图标,该图标将显示在应用程序右侧的选项卡中。如果未定义,FormIt 会自动使用插件名称的首字母创建一个图标。

除了之外,基于面板的插件还包括以下特殊 JSON 特性:

可以在我们的 中查看丰富的 HTML 界面示例。

完成设置 HTML、CSS 和 JavaScript 文件后,可以通过来开始测试 HTML 面板插件。

标准 JSON 特性
FormIt3D 组织
加载或安装