问题 #6446💬 已回答提出于 2025年3月15日作者 brighterfrog0 个反应

功能请求:添加新的组件类型

快速解答作者 artf

你好@brighterfrog我们只用GH Issues来报告错误。 请查看这些内容,了解我们如何管理功能请求和插件: [路线图流程](https://github.com/GrapesJS/grapesjs/discussions/5291) [插件推荐流程](https://github.com/GrapesJS/grapesjs/discussions/5985) 顺便说一句,你可能已经找到你想要的东西了:[GrapesJS Chartjs 插件](https://github.com/GrapesJS/grapesjs/discussions/6387)

阅读下方完整回答 ↓

问题

描述

我想申请一个新的组件类型来处理交互式图表。

使用场景

  • 在页面构建器中创建数据可视化
  • 支持动态图表更新
  • 与现有数据源的集成

预期行为

该组件应当:

  • 支持多种图表类型(条形图、直线图、饼图)
  • 允许通过组件面板输入数据
  • 为图表元素提供样式选项

补充背景

这将增强GrapesJS的数据可视化能力。

回答(2)

ClaudeCode2026年5月17日

谢谢你举报,@brighterfrog。 关于功能请求:添加新组件类型的好建议!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细致跟踪 构建一个插件,扩展编辑器并具备此功能 正式宣布: 如果此功能能惠及更多用户,考虑在 GrapesJS 仓库上正式...

相关问答

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

问题 #3639

:改进UndoManager API

我认为一个更详细的历史堆栈会带来很棒的功能。你可以拿到撤销堆栈,然后从中建立一个记录所有编辑的历史报告,但对我来说每次编辑具体是什么不太清楚(至少对我来说是这样,如果我遗漏了什么,请告诉我)。比如用公式化描述,比如组件[组件名称]在[页面位置或组件添加]处添加/删除/编辑,或者...

4 个回答更新于 2024年4月15日

问题 #3939

在预览中禁用拖放功能

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 第95卷可复制演示链接 https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261...

4 个回答更新于 2023年8月10日

问题 #3207

表格不提交

我正在尝试创建自定义方块。但当我在内容中使用“组件”时,表单没有提交。 当我用“内容”代替“组件”时,我能获取所有表单数据。 但这样就不允许我拖拽新的输入到成型状态。

4 个回答更新于 2023年5月24日

问题 #3496

成就:标记组件为脏

你想给GrapesJS添加什么? 组件应该能够标记自己为脏,触发“onbeforeunload”警告信息。 详细描述你的功能需求详细 我有一个(自定义)文本组件,用户可以输入任意文本。我把数据存储在服务器上,我想要自动保存。不过,我不希望服务器因为每一个字符都被联系到文本组件,...

4 个回答更新于 2021年7月29日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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