GrapesJS 问题

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

找到 1,399 个问题

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

重复组件,而不是样式

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

artf

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

hpruvot

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

lock[bot]

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

#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。

#15292018年10月19日作者 krunal0393 个回答
1 个反应

Componet 不可编辑

我有自定义组件,并应用了 editable=true,但子元素不可编辑,我甚至尝试添加 data-gjs-editable=true,也尝试使用基本组件块,但整个组件都无法编辑。 'var 滑块类型 = 'hsbc-slider-1'; var createSliderComponent = function (comps, defaultModel, defaultView) { var defaultType = comps.getType(“default”); var defaultModel = defaultType.model; var defaultView = defaultType.view; comps.ad...

artf

点击组件时>特性是看不到的。 因为你点击的是另一个组件(内部组件,它有自己的特性),如果你不需要该组件可选择,可以用'selectable'属性 '<div data-gjs-selectable=“false”>...'

artf

你应该把HTML放进“内容”里(块定义里),而是放在“组件”里。

krunal039

@artf我已经把元件放进去了,如果我这么做的话,点击元件时特征是看不到的。 ![捕获](https://user-images.githubusercontent.com/11716808/47285410-bc1ad380-d5e2-11e8-9ca9-57d18e7a4785.PNG) 'var 滑块类型 = 'hsbc-slider-1'; var createSliderComponent = function (comps, defaultModel, defa...

#15282018年10月18日作者 nine-2-five2 个回答
0 个反应

自定义块在从localStorage自动加载时不会执行脚本

我用的是以下代码来做我的自定义方块,当方块被放到画布上时它是正常的。 但当块从 localStorage 加载时,它只创建 div 封装器,不会执行自定义块的 content.script 部分。<br> 我试过把脚本属性简化成只做警报或控制台调用,但没用。控制台没有错误。 blockManager.add('a3-owl-carousel', { 标签:“猫头鹰旋转木马”, 内容:{ 类型:“滑块”, script: function(){ var component = 此; (function($){ $.get('http://localhost:8080/content/hr.json', function(data){...

nine-2-five

虚惊一场,抱歉。我查看了 grapesjs-preset-网页,发现我注册的是块,但没有注册组件。一旦我把组件添加到编辑器中,DomComponents,即使从localStorage加载,它也开始渲染轮播。

lock[bot]

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

#15272018年10月18日作者 Deepak8133 个回答
0 个反应

如何在撤销/重做中添加倒计时/导航事件

你好,@artf, 我们如何在撤销/重做管理器中添加任何更改/事件,比如拖动导航或倒计时等元素。 希望能得到积极的回应 提前感谢大家

artf

#1512的复制品 你@Deepak813打开更多问题,之后你会得到回复......所以请避免制造无用的噪音

Deepak813

你好,@artf, 是我错了。我忘了我已经打开了这个问题。 我不会再说这件事了。 谢谢你

lock[bot]

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

#15252018年10月18日作者 himanshubudhlakoti2 个回答
0 个反应

如何从葡萄中的表单获取数据

大家好, 我在 Grapejs 中使用 Forms 块,使用 Grapesjs 搭配 Angular 6。 但我没有收到那个问题,怎么在点击表单提交按钮时从表单获取数据? 我使用的表格代码如下 ![111111111](https://user-images.githubusercontent.com/32187513/47133550-d5f8a580-d2c6-11e8-8394-2429b6d703f2.png) 如上面快照所示,我已经填写了表格,现在点击发送按钮时,表格数据应该会显示我填写的内容。 请告诉我任何链接或文档,哪里可以帮忙

artf

在编辑器里你只需指定表单的“动作”,其余内容与它无关(你得处理某个服务器端点)。

lock[bot]

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

浏览所有主题