问题 #3060💬 已回答提出于 2020年10月1日作者 revdfdev0 个反应

优点:没有展示扩展组件(如图像类型)的示例

快速解答作者 artf

你可以像扩展其他组件一样扩展图像,解释在这里(https://grapesjs.com/docs/modules/Components.html)。如果你有特定的用例,就看组件实现的源代码了

阅读下方完整回答 ↓

问题

没有像扩展图片类型这样的组件示例,文档看起来有点难以理解和理解,如果有自定义图片类型或独立组件上传器的示例就更好了,因为我项目中有用例。

回答(3)

abulka2021年2月8日

我和@revdfdev一样遇到困难——在按照文档示例扩展现有组件时,我很难理解。例如,文档中写道: “JavaScript comps.addType('my-new-component', { isComponent: el => {/ ... /}, 扩展:“其他定义分量”, model: { ... }, // 将从“其他定义分量”扩展模型 视图:{ ... }, // 将从“其他定义分量”扩展视图 }); 然后现有的“本我”和“权利”特质被摧毁,没有任何特质被“延伸”。例如,我想保留默认的“id”自动分配功能,除非我明确设置了它的值。如果我重新实现“id”,那我得自己想办法再做一次。...

artf2021年2月19日

当你扩展默认属性时,工作原理是这样的: “''js 组件A 默认值:{ propA: 'A', propB:[1, 2], } 组件B,扩展组件A。 默认值:{ 组件B的propA将成为组件A。 propB:[3, 4], // 这完全覆盖了propB } 有趣的是,在上面的例子中,我会得到属性测试,但没有明确声明? 字符串会退回到一个简单的文本特征类型 ''attr-name'' => '{ 类型: 'text', name: 'attr-name' }'

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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