GrapesJS 插件生成器

跳过样板代码。基于官方开发者最佳实践,一键生成专业、可直接编码的 GrapesJS 插件脚手架。

插件配置

定制你的 GrapesJS 脚手架。未选中的功能将不会包含在生成的代码中。

MIT 许可证
grapesjs
plugin

功能感知选择

自定义组件

为 GrapesJS 编辑器添加自定义组件类型。

区块管理器

将自定义区块集成到侧边面板中。

i18n 支持

为你的插件启用多语言支持。

属性管理器

为组件提供自定义设置和属性。

插件命令

定义全局、可复用的函数和编辑器操作。

UI 面板和按钮

添加自定义按钮、工具栏和界面面板。

样式扩展

在样式面板中生成自定义分区和属性。

存储钩子

用于项目数据持久化的自定义保存/加载逻辑。

资源钩子

集成自定义图片管理和浏览逻辑。

弹窗 UI

管理编辑器内的自定义对话框和弹窗。

TypeScript 就绪已配置 BabelCLI 驱动

官方逻辑

采用与官方 grapesjs-cli 相同的初始化逻辑,确保完美兼容。

现代化工具链

生成的项目内置 TypeScript、Babel 与开发服务器支持。

快速上手

只需解压、运行 npm install,即可开始构建您的下一款优秀扩展。