问题 #3560💬 已回答提出于 2021年6月23日作者 hadeel942 个反应

自定义块样式 - grapesjs Angular

快速解答作者 ronaldohoch1

也许通过这些事件你能做到:https://grapesjs.com/docs/api/editor.html#blocks 或 https://grapesjs.com/docs/api/editor.html#canvas

阅读下方完整回答 ↓

问题

我刚接触葡萄JS,想用不同的风格来做拖拽的方块 例如图像块 1 - 当未被拖拽或悬停时,取样式A。 2- 当滑鼠采用样式B时。 3- 拖拽时,当它越过画布时,取出风格C。

有人能帮我解决这个问题吗?

谢谢 ![达什博拉德 – 12](https://user-images.githubusercontent.com/86350308/123074122-b45cfe00-d41f-11eb-9738-a7f53401c58e.png) ![达什博拉德 – 11](https://user-images.githubusercontent.com/86350308/123074131-b626c180-d41f-11eb-82b4-9f391fdbc7ff.png) ![达什博拉德 – 9](https://user-images.githubusercontent.com/86350308/123074144-b7f08500-d41f-11eb-9260-deb11828b31b.png)

回答(4)

hadeel942021年8月1日

在这种情况下,可能只有完全自定义的块管理器界面(比如用你自己的块管理器组件在 Angular 中渲染)。这应该已经是可行的,但我更愿意花时间更新[Blocks](https://grapesjs.com/docs/modules/Blocks.html)文档,包含从零开始构建BlockManager UI所需的所有步骤和示例。

谢谢你的回复,我还有其他问题:

1- 我试着在画布里添加带有样式的 div,但它不能编辑,也不能拖拽,只能只读,这可能吗?

2- 我能否将RTE作为面板动作在固定位置上更改。

非常感谢,如果你能回答我的问题,我会很高兴

ClaudeCode2026年5月17日

谢谢你举报,@hadeel94。 感谢你分享关于自定义块样式 - 葡萄色 Angular的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分记录的问题反应迅速。

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。