基本界面

怎样打开 ezDrop？

安装插件后，打开微信公众号后台素材库或新建草稿，屏幕右侧会出现 ezDrop 侧边栏开启按钮，点击即可打开 ezDrop 主界面。

功能区

ezDrop 主界面的顶部集中了插件的基本功能，包括添加交互、清空、复制代码、保存、存入草稿箱、收藏。

1. 添加交互文件夹

点击「添加交互+」按钮，可选择你想添加的交互文件夹，点选后即可添加至编辑区列表中。

2. 清空编辑区

点击清空按钮，将出现确认提示「是否清空所有内容」，选择「是」，即可将目前编辑区列表中的所有内容清空。

3. 复制代码

点击复制代码按钮，即可将目前编辑区列表中排版内容的代码复制到系统剪贴板。

4. ezDrop悬浮球

ezDrop 的悬浮球，承担了图文一键导入、局部导入和 ezDemo 预览的功能。

• 单击 ezDrop 悬浮球可以唤醒侧边栏；

• 双击 ezDrop 悬浮球，可以打开 ezDemo 预览窗口；

• 拖动 ezDrop 悬浮球到草稿正文，可以将排版内容导入正文；

• 按住 Ctrl/Command 同时拖动悬浮球到草稿正文，可以将排版内容插入到正文之中任意 蓝色标线位置。

播放视频查看如何将编辑内容导入到草稿。

4.1 导入正文

完成编辑排版后，可拖动 ezDrop 悬浮球至公众号草稿正文区域释放，即可将编辑内容导入正文。

Tips：排版内容导入正文后，就可以在公众号里保存和预览效果了！

4.2 局部导入

按住 Ctrl / Command 键，再拖动 ezDrop 悬浮球，到公众号草稿正文区域，会在正文中可插入图文位置，出现蓝色标识线，松开悬浮球，即可将编辑内容导入相应位置。

4.3 ezDemo 实时预览

双击悬浮球，可以打开 ezDemo 预览窗口，可实时预览ezDrop编辑区中的内容。

ezDemo 暂不支持预览音频、视频等卡片组件，请通过草稿页面发送预览至手机查看完整效果。预览效果仅为模拟，实际效果请以手机预览为准。

5. 草稿箱ezDrafts

ezDrop 的草稿箱功能，可以帮你随时保存编辑进度，还可以将制作好的图文分享给其他账号。

播放视频查看草稿箱使用方法。

5.1 存入草稿箱

点击功能区中的「加入草稿箱」按钮，即可将排版内容保存至 ezDrafts 草稿箱中。

5.2 从草稿箱中取出

点击「草稿/收藏」按钮打开草稿箱。

点击草稿右侧编辑按钮，可将草稿重新导入至编辑界面。

在草稿箱中，双击草稿名称可修改草稿命名；点击草稿右侧删除按钮，可删除草稿。

5.3 分享草稿

进入草稿箱，点击草稿右侧分享按钮，输入对方注册ezDrop的手机号码，点击发送，即可将草稿分享至对方草稿箱中。

6. 收藏ezStars

使用 ezDrop 可以把你搭建好的组件或 常用的组件收藏起来，随时在公众号排版中重复使用！

播放视频查看收藏夹功能如何使用。

6.1 添加内容至收藏

在 ezDrop 编辑区域，按住 Ctrl / Command 选中需要收藏的组件，此时上方功能区将出现「收藏」按钮，此时点击按钮，即可将选中组件收藏至 ezStars 收藏夹。

6.2 将已收藏的内容重新导入图文

点击「草稿/收藏」按钮，打开收藏夹。

点击收藏项目右侧的导入按钮，可将收藏项目导入编辑区域。

在收藏夹中，双击收藏项目名称可修改命名；点击收藏右侧删除按钮，可删除收藏项目。

7. ezBox快捷工具箱

ezDrop 的 ezBox 工具箱，集合了多种实用的快捷操作。

不仅在图文页面能帮你一键下载所有图片素材、一键导入 ezDrop 、生成二维码，还能在草稿编辑页面帮你提取音视频等卡片组件，让你的排版更加轻松省力。

7.1 在草稿编辑页面使用 ezBox

在草稿编辑页面，你可以使用 ezBox 提取组件、提取全文到 ezDrop 的编辑区中，可以将复制的代码导入草稿正文，也可以一键清空草稿正文内容。

• 提取组件

在草稿正文中插入视频、音频、音乐、视频号卡片、红包封面、账号名片、视频号直播预约卡片、地理位置卡片，点击“提取组件”按钮可将插入的组件一键提取到ezDrop的编辑区中，进行美化编辑。

• 提取全文

点击“提取全文”按钮，可以将草稿正文内容，打包进代码盒子中，并导入ezDrop。代码盒子设置宽度和高度后，可放入文件夹：左右滑动、点击切换（点击后）、下拉展开和布局文件夹。

• 导入代码

复制需要导入正文的 HTML 代码，点击“导入代码”按钮，草稿正文将被自动替换为复制的 HTML 代码。

• 清空全文

点击“清空全文”按钮，可将草稿正文内容一键清空。

7.2 在公众号图文页面使用ezBox

在图文页面/图文预览页面，你可以使用 ezBox 提取文章中所有图片到 ezDrop 的编辑区中，可以一键下载文中所有图片素材，也可以生成页面二维码，以便在手机上预览图文。

• 导入ezDrop

点击“导入ezDrop”按钮，图文中的所有图片素材，将被直接导入 ezDrop 的编辑区中。

• 下载素材

点击“下载素材”按钮，图文中的所有图片素材，将被打包下载到本地。下载图片包含文章封面图。

• 生成二维码

点击“生成二维码”按钮，将自动生成页面二维码，并同时下载二维码图片到本地。

编辑区

ezDrop 的功能区下方是图文排版的编辑区，所有的内容编辑、交互搭建都是在这里操作完成。

1. 在ezDrop编辑区添加素材

1.1 如何导入图片？

• 在公众号素材库-图片素材页面导入图片

第一步：进入公众号后台-素材库页面，点击右侧上传按钮，将图片素材上传至素材库。

第二步：上传完成后，选中需要导入的素材，右侧将出现「导入ezDrop」按钮，按钮右上角显示已选中的图片数量。

第三步：点击「导入ezDrop」按钮后，已选中图片将被导入ezDrop 编辑区列表中。

Tips：想要将图片直接导入交互文件夹？你可以选中交互文件夹，然后在素材库图片中选中需要导入的图片，点击「导入ezDrop」按钮，图片就直接导入你选中的文件夹之中了。

• 在草稿编辑页面导入图片

第一步：在公众号草稿编辑页面，点击「图片-从图片库选择」。

第二步：选中图片后，点击「导入ezDrop」按钮，所选图片将被导入 ezDrop 的编辑区中。

1.2 如何导入视频/音频/音乐等组件？

第一步：进入公众号后台-草稿箱页面，点击「新的创作」新建草稿。

第二步：在草稿正文中插入已经上传好的视频、音频、视频号卡片等组件。

第三步：点击正文上方工具栏右侧 ezBox 按钮，选择「提取组件」，点击后已经添加到正文的视频、音频、视频号卡片等组件将被添加到 ezDrop 编辑区列表中。

Tips：ezDrop V1.0.0 版本支持提取的组件有：视频、音频、音乐、视频号、红包封面、公众号卡片和视频号直播预约卡片。

1.3 如何导入已有代码？

第一步：进入公众号后台-草稿编辑页面。

第二步：打开 ezDrop 主界面，点击「添加交互+」按钮，选择「代码盒子」组件。

第三步：点击列表中代码盒子组件右侧的编辑按钮，将自己编辑好的代码粘贴在代码盒子中。

Tips：可选自定义输入代码盒子的宽度和高度，单位是px。输入宽高之后，可将代码盒子拖入其他交互文件夹中。如宽高留空，代码盒子将不可拖入其他交互文件夹。

2. 快捷键操作

点击ezDrop主界面右上角灰色问号按钮，可显示当前版本支持的快捷键列表。

• 多选：Ctrl+鼠标左键点击（Windows），Command+鼠标左键点击（macOS）

• 连选：Shift+鼠标左键点击

• 复制：Ctrl+C（Windows），Command+C（macOS）

• 粘贴：Ctrl+V（Windows），Command+V（macOS）

• 撤销：Ctrl+Z（Windows），Command+Z（macOS）

• 重做：Ctrl+Y（Windows），Command+Shift+Z（macOS）