GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 3,464 个问题

#15392018年10月24日作者 himanshubudhlakoti3 个回答
0 个反应

如何以及在哪里定义形态的行为

大家好, 我如何从Grapesjs的表单中获取数据? 我已经在Canvas上放置了一份表格,你可以在下面看到 ![4444444](https://user-images.githubusercontent.com/32187513/47430117-115b0e80-d7b6-11e8-806d-24b0628787fa.png)。 所以,如上文快照中提到的,有一个动作属性被红色矩形覆盖。 我有卖权价值和行动价值。 所以我可以在代码中定义这个动作,从而获取该表单的数据......我正在分享我的代码 总体意思是当我点击表单的发送按钮时,我会在哪里或哪个函数中获得该表单的数据,或者应该定义该函数的位置 请告诉我

AshishTiwariMEAN

大家好, 同样需要你的建议,因为我们需要在应用中使用表单构建器,这样可以方便地定制表单,同时我们也需要收集用户的意见。 等你的回复...... 谢谢,

artf

如果你想在丢弃表单前定义动作(例如在块中定义),只需将它指定为属性 '<form action=“your/end/point” method=“POST”>'

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#15382018年10月24日作者 Geelik2 个回答
0 个反应

导出时内容不同

你好, 我正在尝试使用带有动态内容的葡萄。我想实现的目标是,就像WordPress一样,我希望导出HTML时有短代码/自定义HTML标签。 这里举个例子说明我的意思: '''html <!--在编辑器里——> <div data-type=“my-component”>My component content here</div> 为此我用了组件,我尝试在组件视图的渲染方法里写“this.model.set('tagName'', 'div')”,但因为修改模型触发渲染方法,导致无限循环。 如果你有什么建议。

artf

@Geelik你可以在 [Component](https://grapesjs.com/docs/api/component.html#component) 定义中设置 'tagName'

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#15372018年10月23日作者 hpruvot3 个回答
1 个反应

重复组件,而不是样式

你好, 首先,非常感谢你们的精彩工作❤️!! 我有个关于复制工具的问题,下面是步骤:我拖放文本组件我会更改风格(绿色颜色、粗细、尺寸等)我复制了我用红色改变颜色 但原组件也变红色,因为它们属于同一类 ==> 那么,是否可以复制一个带有相同样式/属性的组件(或块),但继续编辑克隆后的组件而不影响原始组件? 非常感谢大家提前🙏帮忙

artf

你好@hpruvot我想说,首先,如果你用一个类克隆一个组件并更改它,你会看到两个组件都有变化,这是因为类的工作原理。 如果你想避免编辑器帮你创建类,可以使用以下选项: “''js Grapesjs.init({ ... forceClass: false, }) ```

hpruvot

哦,抱歉我漏了这个选项,谢谢 👌

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#15362018年10月23日作者 dlorenzo2 个回答
0 个反应

传播不同的价值

你好: 我想防止子元素被选中,这样只能选择顶层的父元素(这样就不会移除子元素,也避免只能处理整块)。我创建了一个组件,用可选的false定义父节点,并传播:['selectable']。这个方法还行,但当然,父节点不能被选择。 有没有办法给父节点添加selectable: true,并传播一个false值? 同样地,是否有可能在后续覆盖传播?在同一个实验中,我尝试在子组件中设置“selectable: true”,但没有任何效果。 谢谢!

artf

有没有办法让我给父版本添加selectable: true,并传播一个假值? 我觉得唯一的办法是在中间做一个包装: '''html <parent> <——可选择 <div data-gjs-selectable=“false” propagate..> <-- not selectable <child> ... ```同样地,是否有可能在后续覆盖传播? 不,你不能只通过道具阻止传播 如果你需要,关于繁殖的所有内容都在这里发生:https://github.com/art...

imanubhardwaj

我也遇到这个问题,我创建了一个自定义组件,图片包裹在<a>标签里,当我点击组件时,触发的是图片标签点击<a>,而不是标签点击。有没有什么解决办法?

#15352018年10月22日作者 christopherserrao052 个回答
0 个反应

:自定义组件被删除后,特质视图不会清除

你好, 我用的是 Grapesjs 库版本 0.14.33。 我创建了一些自定义组件,注意到删除组件后,特性面板不会清除。 例如,当画布加载时没有选中任何组件时,特质面板不会显示任何特质。这些特征仅在选中组件后显示。 我希望特性面板能回到在组件被删除后立即选择不选中的状态。 用于测试的浏览器 : Chrome v 69.0.3497.100 实际行为 : 一旦组件被删除,已删除组件的特征仍会继续显示。 期望行为 : 一旦组件被删除,特征控件应从特征面板中隐藏或移除,类似于应用程序首次加载且未选中组件时特征面板的状态。 JS 小提琴链接以重现本期内容: https://jsfiddle.net/g3zh12r7/1/ 谢谢

artf

好的,谢谢你的报告。我会在下一个版本里修正这个问题

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#15342018年10月22日作者 YashPrince3 个回答
0 个反应

更新属性 从模型样式输入值。

@artf我想更新元素的高度,并希望通过以下代码提供自定义高度 ![身高](https://user-images.githubusercontent.com/40828744/47306097-1f3f5100-d649-11e8-859a-b8fa3be0c601.png) 它运行正常,会更新所选模型样式,但不会更新属性输入值。如何在更新样式的同时更新输入值? 任何帮助都将不胜感激,提前谢谢大家。

artf

目前用这个“editor.trigger('component:toggled')”,也许有一天我会让它自动更新

YashPrince

我用过@artf ` 但左侧面板高度字段的值并未更新。

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#15332018年10月22日作者 thanhpd563 个回答
0 个反应

当颜色选择器不是全屏时,会跳出编辑器界面

你好,我成功地将 div id=“gjs” 封存到另一个 div 容器中,带有左侧菜单和顶部菜单。它运行得很好,但存在一个问题。当我点击颜色选择器更改背景色时,它确实会显示在屏幕外。我该怎么解决? ![图片](https://user-images.githubusercontent.com/3794898/47303353-df2e9d00-d64d-11e8-8222-ee5e3421a4ee.png) ![图片](https://user-images.githubusercontent.com/3794898/47303371-e9e93200-d64d-11e8-90e8-adc041704477.png)

alfaalex81

例如,我已经定义了颜色选择器定义的具体位置

thanhpd56

@alfaalex81谢谢你的帮助。我通过让父节点位置为静态,使颜色选择器位置(绝对)与根(视口)对齐来解决了这个问题。

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#15322018年10月21日作者 momu-smartcoach3 个回答
0 个反应

如何确保独立模块不会被拖入其他模块。

抱歉再问一次,我真的很想知道如何设置独立模块不会像 grapedrop.com 的内置模块那样被拖入其他模块。 非常期待具体的代码模块修改,谢谢!

momu-2016

帮助~~~~

artf

在这 https://grapesjs.com/docs/modules/Blocks.html 的底部 你可以找到一个行块的例子,它正好实现了你的需求,方法是利用 [Component](https://grapesjs.com/docs/api/component.html) 的“droppable”/'draggable' 属性。

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#15312018年10月19日作者 alfaalex813 个回答
0 个反应

CSS级

嗨!这个问题可能已经有人说过了,但我不明白我哪里错了。我在init GrapesJs上用这三个参数。 我希望 GrapeJs 不编辑已有的 CSS,只创建自己的 CSS。可能吗? 谢谢!

alfaalex81

比如我在Canvas上有这样一个代码 GrapesJs 为 CSS 添加了该类 这个规则修改了所有带有该类元素的元素,这是一个我们在所有网站中使用的通用引导类。

artf

@alfaalex81我无法复现,请制作一个现场演示

alfaalex81

https://jsfiddle.net/ugc1otnk/ 在示例中,当我在第一列更改背景色时,GrapesJs 将 css 属性设置为外部类 “col-md-6”,也就是引导类名。我更喜欢Grapesjs自设职业。 而且我觉得我发现了一个bug。选择第一列,并在 stylee 管理器面板中取消选择“col-md-6”类,类名“example”会出现,但该类在第二列关联。这只是个视觉上的bug。

#15302018年10月19日作者 Deepak8131 个回答
0 个反应

在撤销/重做管理器中点击事件

你好,@artf, 我遇到了撤销管理器的问题,我也检查过它也在你的演示页面上。 问题是,当我们点击编辑器部分外的“撤销管理器”时,也会计入事件 比如图层按钮、样式按钮、屏蔽按钮或其他顶部的按钮。 比如我们添加一个文本,然后点击图层按钮,再点击样式按钮,再点击块按钮,然后拖动链接,这会被视为5个事件,如果必须回退回文本,就需要点击4-5次。 我也想知道这是不是问题,还是你已经在撤销和重做管理器里添加了那个事件。 我为此制作了一个视频,请观看。 https://www.useloom.com/share/c867df2124bb4fd89688e580840f4f32 提前感谢大家。

artf

固定收割

浏览所有主题