GrapesJS 问题

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

状态

排序

找到 85 个问题

🔍 help wanted

#25592020年2月10日作者 majidh12 个回答

1 个反应

需要帮助

切换类别名称状态出现 bug

如果在 styleManager 中从 className 尝试更改复选框，则会出现错误错误信息：无法读取 null 的属性 'parentNode' <img src=“https://imgur.com/download/W78R17J”>

adriangroch

@artf有什么建议我应该从哪里开始帮忙修复吗？

artf

谢谢@adriangroch 这是从绑定到该[函数]（https://github.com/artf/grapesjs/blob/73e383777c2379b9a8b5dfe83cc0943b1eae3fda/src/selectormanager/view/ClassTagView.js#L89）的[selector view]（https://github.com/artf/grapesjs/blob/dev/src/selectormanager/view/Clas...

查看详情

#24202019年11月20日作者 prestonkscott暂无回答

0 个反应

增强需要帮助

：在 Iron Edges 中取消块拖动会导致画布功能受损。

我在本地和GrapesJS演示中使用Internet Explorer时都遇到了这个问题。如果你在画布上拖动一个方块，然后试图通过拖回起始容器或按Esc键来取消拖拽，画布上仍然会添加一个新组件，画布高亮和工具栏就会停止工作。拖动另一个方块到画布上而不取消，功能会恢复。预期行为：在将文本块拖曳到画布上后，按下 Esc 键或返回块菜单不应向编辑器添加组件。实际行为：在将文本块拖曳到画布上后，按下 Sc 键或返回块到块菜单，编辑器中会添加一个文本组件，组件高亮和工具栏将不再显示。繁殖步骤：在Internet Explorer 11中打开GrapesJS HTML演示。点击文本块，将其拖到默认的头部部分上。不松开鼠标，...

查看详情

#24192019年11月20日作者 MartinPutz3 个回答

1 个反应

增强需要帮助

绝对拖拽模式在触摸设备上无法使用

绝对拖拽模式（搭配Grapesjs的触摸插件）在触摸设备上无法使用。 GrapesJS 版本：0.15.8 预期行为：用户还应能通过触摸屏上的拖拽移动组件。当前行为：用户可以正常拖放方块。如果用户想通过拖拽移动被丢弃的组件，看起来拖动已经开始（样式更改），但组件并没有移动。演示中也可以重现： https://jsfiddle.net/v9kecdpz/ 繁殖步骤：打开演示（包含带有 grapesjs touch 插件的 jsfiddle）将一个方块拖入画布（或使用已有的方块）尝试通过拖曳来移动组件测试对象：安卓平板 iPad 2019，iOS 13 测试时使用了Chrome浏览器。这很可能不是设备或操作系统本身的问...

wfcheng

这可能有关联，也可能无关。我注意到在 OSX Safari 上使用 grapejs v0.16.34 时，当我在 Safari 上拖动块块到画布时，ComponentDrag.js onStart（）函数中的事件参数是未定义的，这可以用 https://jsfiddle.net/v9kecdpz/ 上面提到的同样方法在 Safari 上重现。我只能像下面那样本地补丁（虽然不算漂亮，但似乎能用）： from 'const { x， y } = Canvas.getMous...

pradeeshattlee

嘿@MartinPutz 资产管理器不会在iPad、桌面触摸设备上弹出——Chrome、Firefox和Safari。而且编辑器的画布滚动功能在iPhone上不工作。我到底漏掉了什么？提前感谢大家。

MartinPutz

嘿，@pradeeshattlee 这个问题其实和资产管理公司无关，而是渲染完后，组件的移动。我很少用资产管理，但据我记得它在iPad上运行得很好。如果我是你，我会开一个新刊，里面有所有可能有用的细节。

查看详情

#24032019年11月12日作者 varadero3 个回答

0 个反应

需要帮助

Editor.load 可能导致内存泄漏

如何繁殖：导航到 https://grapesjs.com/demo.html打开浏览器控制台（Chrome），输入以下内容：“setInterval（（） => editor.load（）， 1000）”，然后按回车进入“内存”标签（Chrome）查看内存使用情况发生了什么：记忆力不断增强。如果你打开Chrome的“性能监控”，还能看到“DOM节点”和“JS事件监听器”不断增加。大约3分钟后，“JS堆大小”从24MB增加到1000MB，“JS事件监听器”从约1600增加到50000+，“DOM节点”从8600增加到1000000+。过一段时间后，浏览器标签页会因为高内存消耗而崩溃。如果你用非常简单的 grapesjs 项目...

varadero

这很重要。如果不修复，GrapesJS尤其在SPA应用中使用时会很危险。

artf

我会去看看，但任何帮助都非常欢迎

diazemiliano

我这里也遇到同样的问题。即使摧毁编辑器，问题依然存在。

查看详情

#23662019年11月1日作者 benvmatheson3 个回答

1 个反应

增强需要帮助

文本阴影在选中元素时移除 RGB 值

示例： https://jsfiddle.net/benvmatheson/g1ft06qh/8/ 导入带有文本属性的样式。 'text-shadow：RGB（51， 166， 58） 4px 4px 4px;' 这样操作正常，物品也能正确显示。然而，一旦选中了该项，RGB值会被移除并替换为0。 'text-shadow：0 4px 4px 4px;'

benvmatheson

看起来当元素被点击时，'targetUpdated'会被运行两次。一次正确数值为“rgb（89， 89， 89） 5px 6px 7px”，第二次用“rgb”清除“0 5px 6px 7px”。这也解释了为什么第一个数字还是最后一个数字应该被理解为颜色会让人困惑。你有什么想法第二次游戏会从哪里来吗？

artf

是的，我已经知道这个问题了。不幸的是，Style Manager 解析器相当简单，它所做的只是用分隔符（这里是“空格”）来拆分值，然后按定义中的顺序分配到相对属性。所以，严格来说，这个改动会让它“4px 4px 4px rgb（51， 166， 58）”正常运行，但是......不幸的是，事实并非如此，这是由于[CSSOM不一致]（https://grapesjs.com/docs/guides/Custom-CSS-parser.html#cssom-results-a...

benvmatheson

由于跨浏览器依赖，这似乎会变成一个大型项目。引入第三方模块比在 grapes内部解决更值得吗？

查看详情

#23642019年10月31日作者 mario-digital3 个回答

9 个反应

增强需要帮助

如何在图层面板中添加工具栏功能。

我正在尝试将工具栏添加到图层面板中，但我不确定该如何操作。有没有什么办法可以实现这一点？工具栏 ![Toolbaricons]（https://user-images.githubusercontent.com/31751146/67986516-724acd00-fbe8-11e9-8967-21d301b1fb42.png）我想把它们放在哪里： ![层叠PannelGrapesJS]（https://user-images.githubusercontent.com/31751146/67986313-f0f33a80-fbe7-11e9-9c89-1484f4b7c300.png）谢谢大家的回复！

artf

目前，没有简单的方法可以更改或自定义导航道具的内容。接下来我们可以添加一个新的回调选项，在 [configs]（https://github.com/artf/grapesjs/blob/dev/src/navigator/config/config.js）中执行，该选项会在 [ItemView 模板]（https://github.com/artf/grapesjs/blob/7a23e20fe5138c37088ef05382f7c759cb6fa951/src/n...

mario-digital

@pouyamiralayi 这就是我的意思 ![更新TBimg]（https://user-images.githubusercontent.com/31751146/68037607-5b0ded00-fc85-11e9-917c-d873a915c005.jpeg）

artf

实际上，现在应该可以使用 ['layerManager.onRender']（https://github.com/artf/grapesjs/blob/a2450ff4585a06f5ace0242c6ea56fe6d56ba81c/src/navigator/config/config.js#L50-L61）回调选项

查看详情

#23552019年10月25日作者 ned-kelly3 个回答

2 个反应

增强需要帮助