功能请求：添加新的组件类型
你好@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）
你好@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 高度可扩展，允许你自定义组件类型以满足特定需求，比如集成交互式图表。这包括定义新的组件模型、视图逻辑以及用户交互的相关特征。我们将以Chart.js为示例图表库。 步骤1：包含图书馆Chart.js 首先，确保Chart.js包含在你的项目中。你可以通过CDN添加，或者通过npm安装。 步骤2：定义自定义图表组件 我们将定义一个名为 chart的新组件类型。这包括设置模型（默认属性、特征）和视图（渲染和更新方式）。 步骤3：为图表组件添加块 要让你的新 chart 组件在 GrapesJS 块面板中可用，你需要为它定义一个块。 解释： editor.DomComponent...
相关问答
通过相似的问题讨论继续研究。
问题 #3639
Improve UndoManager API
我认为一个更详细的历史堆栈会带来很棒的功能。你可以拿到撤销堆栈，然后从中建立一个记录所有编辑的历史报告，但对我来说每次编辑具体是什么不太清楚（至少对我来说是这样，如果我遗漏了什么，请告诉我）。比如用公式化描述，比如组件[组件名称]在[页面位置或组件添加]处添加/删除/编辑，或者...
问题 #3939
Disabled drag and drop in preview
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 第95卷可复制演示链接 https://codesandbox.io/s/grapes-border-issue-forked-2c0ib？file=/src/index.js：10258-...
问题 #3207
Form is not submitting
我正在尝试创建自定义方块。但当我在内容中使用“组件”时，表单没有提交。 当我用“内容”代替“组件”时，我能获取所有表单数据。 但这样就不允许我拖拽新的输入到成型状态。
问题 #3496
Mark Component as Dirty
你想给GrapesJS添加什么？ 组件应该能够标记自己为脏，触发“onbeforeunload”警告信息。 详细描述你的功能需求详细 我有一个（自定义）文本组件，用户可以输入任意文本。我把数据存储在服务器上，我想要自动保存。不过，我不希望服务器因为每一个字符都被联系到文本组件，...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。