GrapesJS 问题

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

找到 3,464 个问题

#10512018年4月16日作者 maxtacco3 个回答
0 个反应

CommandAbstract 的 callRun 和 callStop 应返回结果以保证向后兼容

你好,@artf, 在最新升级(0.14.9)之后,我的一些依赖其他命令结果的命令会失败。这是由于 https://github.com/artf/grapesjs/commit/98896c0e833500f35f377a14bead0ea966437d6d 变化所致 看起来编辑器的runCommand和stopCommand期望得到结果,但 CommandAbstract 的 callRun 和 callStop 函数无法返回该数据。

maxtacco

创建了一个拉取请求:https://github.com/artf/grapesjs/pull/1052

artf

楼主,我的遗憾🙇,希望能尽快发布这个修复

lock[bot]

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

#10492018年4月16日作者 dsgh1 个回答
0 个反应

调用 setStyle 不会像 setComponents 那样更新存储

我正在配置 grapesjs,允许用户编辑 html 和 css 源代码(分别调用 'setComponents' 和 'setStyle')。关于“storeManager”存在一个问题,html 存储正确,但 css 不存在。这里有一把小提琴展示:https://jsfiddle.net/szLp8h4n/189/繁殖步骤进入连接的小提琴拉小提琴点击右上角的“打开代码”图标打开“扩展代码面板(确保屏幕足够宽以便你能看到)。更改 HTML重新加载页面(或重新运行小提琴)注意你的HTML更改被维护 🙂重新打开“扩展”代码面板,现在更改CSS重新加载页面(或重新运行小提琴)注意你的CSS更改未被维护 🙁

lock[bot]

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

#10482018年4月16日作者 HarshOB2 个回答
0 个反应

检查值不符合预期

我参观了Grapes Live演示,发现创建复选框有两种方式。 如你所见,如果我勾选了 required 复选框,它只会生成属性中的 required;如果勾选 checked,则它会生成 checked=“checked” 作为属性。 如何生成cheched=“已检查”? ![截图来自2018-04-16 18-20-59](https://user-images.githubusercontent.com/28950214/38810076-4a04c2c0-41a3-11e8-8290-1250037854be.png)

artf

发布了带有 [fix](https://github.com/artf/grapesjs-plugin-forms/commit/f8f10f42672992657530697e3ed43fba7f539086) 的新 [grapesjs-plugin-forms](https://github.com/artf/grapesjs-plugin-forms) 版本

lock[bot]

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

#10472018年4月16日作者 faizansaiyed3 个回答
0 个反应

在自定义选择菜单中更改数值后,模型无法更改。

嘿, 我用的是 unpkg.com 的CDN链接来做葡萄JS。 在我的项目中,我用自定义特性作为下拉菜单,通过 model.components 来更改 HTML。但如今,这种价值并未反映在编辑器HTML中。 ![视频-周一-4月16日-2018-18-18-24](https://user-images.githubusercontent.com/33310500/38809925-d85e6a4a-41a2-11e8-8562-d51aa8d2b764.gif)

faizansaiyed

我用之前的GrapesJS版本时,运行正常。 [编辑]在 Latest @ v0.14.9 中无法工作,但在 v0.14.6 中运行良好。

artf

你能给我展示一下你对这个特质的实现吗?用jsfiddle现场演示,效果更好

no-response[bot]

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

#10442018年4月15日作者 adib183 个回答
2 个反应

更改模型中图像元素的SRC

你好 当图片块掉落到编辑器时,我会隐藏默认资产管理器并显示我的自定义资源管理器: 对此我没问题。但在自定义资产管理器中选择图片时,我会用jQuery在编辑器里把图片元素的SRC改成。 'jQuery('iframe').contents().find('img.ineditor').attr('src','customurl');' 但当将编辑器中的图像元素从一个块移动到另一个块时,SRC属性会被移除。我搜索并发现,当只用jquery更改SRC时,只有视图会变,但模型必须为图像元素更改。现在我想知道如何更改模型中图像元素的SRC。 谢谢

artf

纠正你自定义资产管理器的实现,它不可靠(比如用户双击图片时,你仍然会看到默认的)。跟着这个#491,src的问题就会被修复

adib18

非常感谢。我纠正了资产管理人: 在自定义资产管理器中选择图片时使用这个功能 'assettarget.set('src', 'srcimagefromcustomasset_manager');' 感谢你的出色工作。

Stejsi

你好, 我用过这个方案,效果不错,但现在我无法在风格管理器中为背景图像素材。 它使用自定义函数spreadUrl(),但我不知道怎么调用而不修改Grapesjs核心。 谢谢你的帮助!

#10432018年4月15日作者 leobeal2 个回答
0 个反应

我应该总是保存CSS吗?(以及其他问题)

首先,非常感谢你的分享!这是一件了不起的软件。 我一直在尝试葡萄,出现了一些问题,如果你们能帮帮我,我会很感激。就我的使用场景而言,我不想保存CSS,我更希望它已经定义好,让用户随意玩玩现有的选项。不过,我也见过,比如说,在插入地图时,会为该元素创建一个新的特定类,所以我也需要导出 CSS。 有什么建议吗?我是否应该总是保存CSS?我能找到示例中某些元素的基础块(网页演示和通讯演示,谢谢!),但找不到网格的设置位置。 我想避免网格大小调整(不明白为什么允许这样做:))有什么办法可以做到吗?使用'grapesjs-blocks-basic'时,我能设置所需的积木,现在我用的是'gjs-preset-webpage',但风箱似乎不起作...

artf

就我的使用场景而言,我不想保存CSS,我更希望它已经定义好,让用户自由尝试现有的选项。不过,我也见过,比如说,在插入地图时,会为该元素创建一个新的特定类,所以我也需要导出 CSS。 有什么建议吗?我是否应该总是保存CSS? 这意味着你不希望用户对组件应用样式,这种情况下只需隐藏样式面板即可我能找到示例中某些元素的基础块(网页演示和通讯演示,谢谢!),但找不到网格的位置。 我想避免网格大小调整(不明白为什么允许这样做:))有什么办法可以做到吗? 网格来自[grapesjs-b...

lock[bot]

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

#10412018年4月13日作者 tommedema3 个回答
4 个反应

可选地从StyleManager中插入样式,且 !重要

我想建议一个可以通过配置启用的功能:'styleAsImportant: true'(默认为false,即不破坏)。我原以为只要配置cssComposer就能做到,但现在我了解到事实并非如此(详见下文解释)。 我使用的模板有时是从过度使用!important标志的预编译器生成的。例如,模板中的按钮可以样式为: 因此,用葡萄装饰这个按钮完全没有效果。让葡萄有效最明显的方法是确保: 1)葡萄的造型还有“!重要”(这个功能) 2)葡萄样式是在模板样式之后(应该已经是这样了,对吧?) 我猜正确的做法是让[CssRule.js#36](https://github.com/artf/grapesjs/blob/dev/src/csscomp...

tommedema

在#1056上加入了PR

artf

这可能是个好主意,但如何改进[这些事件](https://github.com/artf/grapesjs/blob/dev/src/domain_abstract/model/Styleable.js#L46-L47)(例如将“model”/'pr'传递给回调)以实现此类自定义

artf

@tommedema组件和 CSSS 规则实现了 Styleable,因此无论如何都能使用。你的意思是我们得写插件来监听这些事件,并为组件添加额外的样式? 不是额外,而是覆盖该模型触发的样式,例如。 “''js 例如,你的配置 cont styleImportance = 1; // ... editor.on('styleable:change', (model, property) => { const value = model.getStyle()[property...

#10392018年4月12日作者 dsgh1 个回答
0 个反应

缺少对空名特征的支持

版本:0.14.8 我标记这是个bug,但也可以理解为缺失功能。基本上,[grapesjs-blocks-bootstrap4](https://github.com/z1lk/grapesjs-blocks-bootstrap4)有一些特征名称为空,因为这些特征设置了元素的(bootstrap)类。问题是,据我理解,葡萄人并不期望性状有空名,并且期望它们总是与元素属性一一对应。 可以通过以下步骤发现这个漏洞/缺失功能:使用 [grapesjs-blocks-bootstrap4](https://github.com/z1lk/grapesjs-blocks-bootstrap4) 插件。使用那里的“index.html”示例...

lock[bot]

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

#10372018年4月12日作者 dsgh2 个回答
0 个反应

不支持百分比宽度的设备

版本:0.14.8重现该虫子的步骤使用 [grapesjs-blocks-bootstrap4](https://github.com/z1lk/grapesjs-blocks-bootstrap4) 插件。使用这里的“index.html”示例- 保留默认设备(其中包括定义为“100%”的设备)添加任何带有类的块(例如“容器”)在编辑器画布中点击新增的方块。这会导致错误:“未捕获的DOMException:未能在'Element'上执行'querySelectorAll':”#gjs-css-rules-100%'不是有效的选择器。”截图 ![错误](https://user-images.githubusercontent.c...

maxtacco

这大概和 https://github.com/artf/grapesjs/issues/896 有关。我猜逻辑应该调整以处理不同类型的单位,比如px、em、%等。

lock[bot]

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

#10342018年4月12日作者 vladbpython3 个回答
0 个反应

在父元素内部插入元素或块

你好,我有组件,有块 我在监听上设置了特性更改,如何在那个模块里添加“h1”,“'<div class=”container“ style=”min-height:10px;“></div>'”? 如何在该模型中添加标签 比如:

artf

根据当前的“模型”,你可以这样添加其他组件,'model.components('<h1>Hello world</h1>')'

ionic666

@vladbpython 你好,你解决了这个问题吗?我还想知道如何把一个元素拖到父元素里。

lock[bot]

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

浏览所有主题