问题 #2136✓ 已解决提出于 2019年7月12日作者 selcukcura2 个反应

找不到自定义组件类型,且在页面加载后特性无法工作

快速解答作者 artf2

试着把自定义组件定义放进插件里看看能不能用

阅读下方完整回答 ↓

问题

你好@artf 我创建了一个非常基础的自定义组件,名为“customsection”,它通过添加类来改变组件的背景颜色,非常简单。 我创建了两个模块:节 - 仅包含组件。节集——包含DOM元素和组件的集合。 不幸的是,我遇到了以下详细说明的两个问题。第1期:带有自定义组件的块被丢弃在画布中——视觉上看起来正常。当更改通过本地存储保存并重新加载页面时,会出现以下控制台警告:“组件类型'customsection'未找到”。 我到底哪里做错了?isComponent逻辑有问题吗?第2期 - 与第#2106期相同丢弃带有自定义组件的方块——视觉上看起来正常,可以选择特征并修改组件的背景颜色。当更改通过本地存储保存并重新加载页面时,自定义特征将不复存在,默认属性会显示。 这个问题是在最新更新(v0.14.62)之后开始出现的。在最新的更改中,提到“从组件 JSON 中移除特征信息”。这是不是问题的根源?如果是,有没有解决办法?https://github.com/artf/grapesjs/releases/tag/v0.14.62 我在这里做了一个简化的用例演示:https://codepen.io/selcukcura/pen/ewyRqB?editors=1010 我非常感谢大家的帮助,因为我已经卡在这上面有一段时间了。 谢谢, 塞尔丘克

回答(3)

👍 最有帮助artf2019年7月15日

试着把自定义组件定义放进插件里看看能不能用

alialrabi2019年7月16日

@selcukcura把它放在插件里时工作正常吗?

selcukcura2019年7月16日

非常感谢@artf,把自定义组件放进插件后这两个问题都解决了!

出于好奇,有什么特别的原因让它现在作为插件工作而不是其他插件吗?

@alialrabi 是的,我成功让它工作起来了。如果你还没试过,可以试试[插件样板](https://github.com/artf/grapesjs-plugin-boilerplate)。

相关问答

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

问题 #2581

:如何使用组件

使用 GrapesJS 0.15.10 时,我无法让组件按我预期的方式工作。可能是我的问题,如果是问题,欢迎调整期刊标题。(这是《https://github.com/artf/grapesjs/issues/2195》的后续) 我做了一个笔(希望这样没问题,没看到小提琴模板)...

3 个回答更新于 2020年3月1日

问题 #4240

“index.d.ts 不是模块”,在 0.18.4 中,当 grapesjs 被导入时,“import * as grapesjs from 'grapesjs';

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬99 可复制演示链接 没有关联 描述一下那个虫子 如何复现这个漏洞?我在我的typescript angular类中用了grapesjs 0.18.2,导入方式是这样——'import as g...

3 个回答更新于 2022年6月3日

问题 #3085

多列布局中元素定位的问题

如何控制列中单元格中元素的位置?左侧是地图元素,右侧是文本和图像。如下面的截图所示,右侧的元素位于地图之后。 ![截图(175)](https://user-images.githubusercontent.com/30771519/96684561-6926b300-1399...

3 个回答更新于 2020年10月23日

问题 #6549

无法调整图片大小

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://codepen.io/Harshsne/pen/YPXdgmj 描述一下那个虫子 如何复现这个漏洞? 上传图片 将其切换为移动视图 调整图像大小 ![图...

4 个回答更新于 2025年7月16日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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