PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 743 个问题

🔍 bug
#13962018年9月1日作者 jmrgz2 个回答
0 个反应
缺陷

背景图像图层

bug：当你的预定义块或保存的模板有两个或以上的背景图层时，如果你添加一个新图层，就会生成很多新的空图层。 如何复现：前往 https://grapesjs.com/demo.html选择粉色的头块进入装饰 - >背景，添加新图层取消选择粉色头部，再次选择进入装饰 - >背景，你会看到新的空图层如果重复上一个循环，你会得到数百层空的。 30秒视频，展示问题：https://screencast-o-matic.com/watch/cFQVb0q4Ex 这个问题发生在Chrome、Safari和Firefox上，都是最后版本。 @artf你能告诉我Grapesjs中新背景图层的添加是控制在哪里的吗？我想自己尝试修复它。谢谢！

artf

感谢@xamdam777报告。实际上，正如你已经说的，导入样式时就会出现这种情况（浏览器的CSS解析器相当混乱），不幸的是，在少数情况下会发生冲突。（例如：Chrome 生成的风格连自己都不懂） ![Schermata 2018-09-02 Alle 21 10 25]（https://user-images.githubusercontent.com/11614725/44959786-c7138a80-aef4-11e8-9e30-4842edf54678.png） 当...

jmrgz

非常感谢@artf，现在我完全明白问题所在，该死的浏览器解析器！:) 我一直在用 addLayer（） 和 refreshLayers（） 做了一些测试。 这是我目前的做法，修改refreshLayers（）函数，我会尝试检测错误的图层而不显示。 我把下面的代码放在 https://github.com/artf/grapesjs/blob/dev/src/style_manager/view/PropertyStackView.js#L69 的第131行 （在 refre...

查看详情
#13942018年8月30日作者 nojacko2 个回答
1 个反应
缺陷已过时

：在Grapes重新加载之前，粘贴多个段落无法编辑

https://grapesjs.com/demo.html在双击文本“所有文本块可能......”以触发编辑模式。将此文字粘贴到： 文本在重新加载前不可编辑Grapes

artf

谢谢@nojacko找到了问题，下次版本会修复

lock[bot]

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

查看详情
#13572018年8月12日作者 ghost3 个回答
1 个反应
缺陷已过时

：身体 -> 装饰 -> 背景-图像

版本 0.14.25 |本地副本 GrapesJS 测试支持：Chrome 68，Firefox 61 在“Body （Selected #wrapper） -> Decorations -> Background -> Layer # -> Image”中添加背景图片，保存到数据库，刷新页面，从数据库加载，空白背景。图像或颜色也是一样。 添加背景 ![补充背景]（https://user-images.githubusercontent.com/42306769/43997738-970f814a-9dba-11e8-8ec8-ffb41601cf3e.png） 刷新后页面 ![刷新页面后]（https://user-image...

maryia-kabash

作为身体背景的变通方法，我使用以下操作：通过“编辑器”，将主体背景与组件和样式分开保存到数据库。DomComponents.getWrapper（）.attributes.style'当模板加载时，通过“Editor.”设置样式。DomComponents.getWrapper（）.setStyle（/set proper styles/）'带“编辑器”的清晰画布。DomComponents.getWrapper（）.setStyle（''）' ，但这并未将背景与特征区分开来

artf

我需要知道数据库里存储了什么，以及你是如何加载的。

ghost

你好，这是代码。 这是PHP代码：store 对于载荷 谢谢。

查看详情
#12902018年7月17日作者 AnkitKachhadiya3 个回答
2 个反应
缺陷已过时

设置 href 作为初始化后不可编辑的链接块

#1277已关闭，但问题依然存在，所以我必须作为新问题发布 感谢你之前的帮助 @maryia-kabash@artf我为我的自定义链接制作了一个自定义块，请参见代码：编辑。BlockManager.add（“unsubscribe-block”， { 标签：“取消订阅”， 内容：{ 类型：“链接”， 内容：“unsubscribelink”， 属性： {href： “{unsubscribelink}”} }, 属性：{ 标题：“插入取消订阅块”， 职业：“发发班” } }); 一切都运行得很完美，但问题是每次我用样式管理器删除 href 内容时，代码编辑器里都不会移除。（参见图片） 检查小提琴 [小提琴]（https://jsf...

artf

看起来第一次重置时不会更新，但实际上会对更改做出反应，确实你可以在第一次更改后清理它。我去查查

artf

@AnkitKachhadiya修复将在下一个版本中发布

AnkitKachhadiya

感谢@artf的关注，解决后请告诉我

查看详情
#12462018年6月28日作者 Jogai3 个回答
0 个反应
缺陷已过时

如何用 toHTML 保留 Id 属性

更新日志中写道增加了在 toHTML 方法中输出自定义属性的可能性 我们该如何使用这个功能？我在维基里找不到相关的问题，也找不到关于toHTML方法选项的信息。 我在0.14.20及之前用过这个函数把HTML发布到服务器，并对HTML和CSS做了更多处理，但现在ID已经不在HTML里了。我喜欢设置它保留类和ID。

artf

但现在 ID 已经不在 HTML 里了 你能更好地解释一下你的情况吗？因为这个新功能不应该改变之前的行为。 顺便说一下，为了解释这个新选项，我们举个例子，一个组件在“component.toHTML（）”上返回了这个： '''html <section id=“some-id”> <h1>你好！</h1> </section> 返回 '''html <section id=“some-id” some-attr=“some-value”> <h1 class=“h1”>你好...

Jogai

你说得对。改变这种行为的并不是这个功能。也许是个bug，确认后可以更改问题标题。 我的测试案例： 模板： 版本 0.14.21 html 输出（来自 grapesjs.com/demo.html）： 版本 0.14.21 html 输出 CSS 有正确的 ID，但 HTML 没有。 在我本地的环境里，版本还是0.14.20，输出内容包含html和css中的id： HTML： CSS

artf

谢谢@Jogai，你说得对，确实有个bug（下次版本会修复），但我建议试试这个选项，应该也能纠正当前的行为： “''js Grapesjs.init（{ ... 通常当你更新组件的“样式”时，这会改变 元素的“样式”属性。遗憾的是，内联造型不允许 使用媒体查询（@media）甚至伪选择器（例如 ：hover）。 当“avoidInlineStyle”为真时，所有样式都插入在CSS规则中 avoidInlineStyle： true， }) ``` 迟早，这可能会默认成为“成...

查看详情
#12242018年6月20日作者 peakrams3 个回答
0 个反应
缺陷需要帮助

媒体查询与类渲染问题

你好， 我试图做一个响应式布局，但发现设备切换器工作不稳定。这个问题可以在官方演示中复现。 开放 http://grapesjs.com/demo.html 保持“桌面”作为所选设备。 在“标题”顶部添加2个类型为“2列”的块（就在菜单上方）。 选择第一个插入的“行”，并将其填充的左侧设置为100像素。 选择第二个插入的“行”，并将其填充设置为100像素。 切换到设备“平板”。 在选中的“行”中添加“np”类（切换设备后不会取消选择），并将其填充改为10px。 选择第一个“行”，添加该类NP。 渲染后的填充左侧没有更新，是100像素，而我预计它会变成10像素。不妙。 切换到“桌面”，两行的填充左侧都是100像素。很好。 切换到“平...

peakrams

你好。 关于这个问题有没有更新，或者会有更新吗？我刚试着在演示里复现，问题依旧存在。不幸的是，我只懂基础的JavaScript，所以想不出自己解决这个问题的方法。 我不知道这是否和我的问题有关，但检查代码时，文件config.js中设备平板的宽度和移动设备Mobile的withMedia是一样的;这样，通过媒体查询应用到移动景观上的自定义样式，在切换设备到平板时，画布上就不会保留了吗？（我没试过这个，因为设备面板里没有移动景观。） 谢谢。

peakrams

你好， 有人能帮我解决这个问题吗？我刚刚在演示中复现了开头帖子中提供的第二个例子，看起来和上次没什么变化。 谢谢。

artf

@peakrams遗憾的是，没有人参与这项工作

查看详情
#12192018年6月19日作者 hahenty3 个回答
0 个反应
缺陷已过时

事件组件：移除错误触发

你好。 当任何组件被踢到其他地方取消选中时，“组件：移除”事件会触发。 浏览器 – Firefox（自动更新） https://jsfiddle.net/szLp8h4n/207/ 这里“console.log”收听了这个事件，并打印了取消选择，包括画布的主体。 [谷歌翻译]

WkRPcoN

我可以确认我在v0.14.20版本中也遇到了同样的问题 'this.editor.on（'component：remove'， function（model） { console.log（“已移除）; });`

artf

下次版本会修复

lock[bot]

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

查看详情
#11962018年6月13日作者 WkRPcoN2 个回答
1 个反应
缺陷已过时

AssetManager 在 v0.14.20 中不会自动打开

你好， 我最近把 grapesjs 从 v0.14.17 更新到 0.14.20，发现资产管理器在从 Blocks Basic 插件拖拽图片或拖拽自定义块到画布时不再自动打开了。 我已经确保自定义块的 activeOnRender 设置为 1，而且 Blocks 基本插件中的 Image 块默认设置了 activeOnRender。 我的自定义方块： 而且演示网站在拖动图片到画布上时也不再自动打开资产管理器了。

artf

找到了bug，下次版本会修复 谢谢你的提醒

lock[bot]

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

查看详情
#11042018年5月12日作者 atcq-me3 个回答
2 个反应
缺陷已过时

颜色特性在0.14.9之后无法设置属性

在 v0.14.9 之后，颜色特性无法在用户点击 colorpicker 表单的“确定”时设置组件属性。 现场：v0.14.9 https://jsfiddle.net/Lqm7ouze/（测试提案未定义）v0.14.6 https://jsfiddle.net/Lqm7ouze/1/（测试道具包含十六进制颜色代码） 截图：https://ctrlv.cz/en/M7lghttps://ctrlv.cz/en/ltPo 这个问题在0.14.15版本中也存在。

artf

感谢你的报告和细节@Nuzsk这个问题应该会在下一次发布时得到修复

artf

@jdodsoncollins开发分支修复了这个问题，但还没正式发布

jdodsoncollins

@artf我现在还能看到这种情况，如果你能看看，是最新版本。恢复到v0.14.6就能解决这个问题。

查看详情
#10922018年5月7日作者 xr0master3 个回答
0 个反应
缺陷已过时

特征与存储触发

嘿，也许不是bug，我也不确定。 我有带有changeProp：真实场域的特质。 当我通过UI更改特质值时，模型会被更改，一切正常，但新更改不会保存在存储中。所以，刷新编辑器后，我会错过那些数值。如果我附加任何组件，当存储被触发且所有组件都已保存时， 感谢你精彩的项目。

artf

应该能通过这个方法解决 https://github.com/artf/grapesjs/commit/32c1b2c1f4e1bef967f43b0013bfd481cddb81c7

xr0master

没有。这并不能解决问题。

xr0master

可能#1104号快修好了

查看详情

浏览所有主题