我与GrapesJS和DevFuture工作室项目的旅程

你好 👋

我们是一家开发工作室—— DevFuture Studio。过去几年，我一直在使用 GrapesJS，开发插件、预设和可视化编辑器，帮助设计师和开发者更快更轻松地构建网站。

这个博客是我分享真实经历的空间：我做过的项目、发布过的插件（免费和付费），以及一路上学到的东西。

🛠 我与GrapesJS的经历

• 与GrapesJS合作超过 4年
• 为网站、着陆页和文档构建了定制的无代码编辑器。
• 开发了带有独特界面、自定义菜单以及与 React 和 Next.js集成的插件。
• GJS上已发布的解决方案 。市场

🚀 DevFuture 工作室项目

1. 用户块 ——在GrapesJS中添加和管理自定义块。结构灵活，支持服务器端或本地加载。
2. 模板管理器 ——一个插件，允许用户直接在编辑器内选择并插入预定义模板。
3. GrapesJS 的 GRID 系统 ——一个网格布局系统，方便构建响应式列式设计。
4. 带 CKEditor 5 的内联文本编辑器 ——无缝集成 CKEditor 5 作为 GrapesJS 的内联富文本编辑器。
5. 更多插件

免费/开源插件

1. 边框颜色 ——在GrapesJS中自定义边框、工具栏、徽章和选择颜色。
2. GrapesJS 预设 ——带有样式和内置插件的预设，开箱即用的设计即可启动项目。
3. Whitener预设葡萄JS — 预设旨在为您的网页和新闻通讯打造干净洁白的外观。

🎯 我为什么要开发这些插件

在与GrapesJS合作时，我不断面临同样的挑战：

• 让文本编辑对终端用户来说更加顺畅。
• 提升视觉定制（颜色、网格、布局）。
• 通过现成的模板和预设加快工作流程。
• 帮助开发者和设计师专注于创造力，而非模板化的设置。

这就是为什么我发布的每个插件都能解决我个人在项目中遇到的 现实问题 。

📢 接下来是什么？

这个博客只是开始。我会分享：

• 一步步教程，教我如何构建像 Users Blocks 这样的插件，
• 关于将GrapesJS与 React 和 Next.js集成的指南，
• 使用我的插件进行真实项目的案例研究，
• 关于GJS新书发布的公告 。市场。

👉 在下一篇文章中，我将带你了解 我是如何从零开始构建这个插件 的——从创意到在GJS上发布。市场。

如果你正在使用 GrapesJS，或者对自己开发插件感兴趣，敬请期待。这会很有趣 🚀