问题 #2727✓ 已解决提出于 2020年4月22日作者 adamwpe6 个反应

除非特性发生变化,否则自定义组件类不会被渲染

快速解答作者 pouyamiralayi4

你好@adamwpe请使用“classes”属性代替“attributes”: 干杯!

阅读下方完整回答 ↓

问题

我觉得这是个bug,

基本上,我有一个自定义组件,带有一个类的属性(“gjs-button”),但这个类只有在特质被更改时才会被渲染和应用。

  1. 拖拽组件: ![捕获1](https://user-images.githubusercontent.com/49768920/79913334-54358b00-841b-11ea-834a-248cda3db5ff.PNG)

  2. 修改组成性状。 ![捕获3](https://user-images.githubusercontent.com/49768920/79913331-539cf480-841b-11ea-8e4f-745a4803b378.PNG)

  3. 组件再次渲染,但你可以看到类 'gjs-button' 已被应用。 ![捕获4](https://user-images.githubusercontent.com/49768920/79913330-53045e00-841b-11ea-8dd0-36f9b4eda248.PNG)

我举了一个例子:https://jsfiddle.net/tb2gyas8/3/

这是个bug吗?还是说元件出了问题?

谢谢 亚当

回答(3)

👍 最有帮助pouyamiralayi2020年4月23日

你好@adamwpe请使用“classes”属性代替“attributes”:

//...
可调整大小:正确,
可编辑:正确,
可悬浮:确实如此,  
类:['BTN','GJS-button'],
//...

干杯!

adamwpe2020年4月24日

哦,谢谢,@pouyamiralayi,

看到有人用属性,就以为那是正确的方法——效果非常好!

adamwpe2020年4月22日

看起来保存和重载时也会发生类似的情况。使用这个自定义组件,你可以修改大小,但当你保存并重新加载时,渲染器不会绘制成正确的尺寸,尽管它保存了正确的宽度: 存档前: ![Capturea](https://user-images.githubusercontent.com/49768920/80026932-d638b900-84da-11ea-9d0d-422a7c94d032.PNG) 装填时(宽度正确): ![Captureb](https://user-images.githubusercontent.com/49768920/80026935-d769e600-84da-11ea-8c...

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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