故事书添加标记

要添加的童话本 Addon 标记.io 反馈按钮 故事书。 。 。 .

安装

npm install @etchteam/storybook-addon-marker --save-dev

配置故事书

创建名为的文件 main.js 在你身边 .storybook 配置文件夹 .

增加以下内容

export default {
  addons: ['@etchteam/storybook-addon-marker']
}

然后创建一个名为 preview.js 在同一文件夹中添加 标记工程 ID 输入 初始全球。 。 。 .

export default {
  initialGlobals: {
    marker: {
      project: 'abcd1234567890', // Your unique project ID
    },
  },
}

仅 project 要求 标记部件的其他参数 被接受,并将传给 页:1 loadWidget 方法。 。 。 .

此外 mode 选项 浏览器 SDK capture 方法 可以在此配置中添加 :

export default {
  initialGlobals: {
    marker: {
      project: 'abcd1234567890', // <- Your unique project ID
      mode: 'fullscreen', // fullscreen | advanced
    },
  },
}

配置标记

如何定位您的 Marker 工程和其他 Marker 配置选项的指南可在 标记网站。 。 。 .

隐藏标记部件按钮

此添加符在"故事本"工具栏中放出一个反馈按钮并自动隐藏默认的标记按钮.

如果您发现复制按钮仍然出现,则在Widget > Button >按钮能见度下有一个可被设定为"隐藏"的Marker设置.

屏幕截图渲染

如果截图无法正确渲染检查 标记提示和限制。 。 。 .

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}用.. 爱奇