GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#7372018年1月10日作者 austinbiggs2 个回答

0 个反应

拖动时，增加自动滚动的“范围”

有没有可能增加垂直自动卷轴的“范围”？当用户在窗口顶部x%的位置（拖动时），编辑器会自动向上滚动。当然，往下滚动也是一样。我很好奇的是，这种情况在哪里被控制？我不太确定除了“scroll”或者“scrolltop”之外还能搜索什么。但这两点都没帮我找到想要的。有人知道这个代码是在哪行代码上吗？

austinbiggs

我通过更改变量“limitTop”的值实现了这一点。 '''自动滚动：功能自动滚动（e） { e.preventDefault（）; 如果（this.dragging） { var frameWindow = this.getFrameEl（）.contentWindow; var actualTop = frameWindow.document.body.scrollTop; var nextTop = actualTop; var clientY = e.clientY...

lock[bot]

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

查看详情

#7352018年1月9日作者 austinbiggs3 个回答

0 个反应

已过时

在同一区域调整图片大小时，它们都会重新调整大小......

我遇到了一个奇怪的bug，当调整一张图片大小时，兄弟姐妹的照片也会被调整大小。我唯一的想法是对应图像的大小调整。也许Grapes选择的选择者太模糊了？ ![截图 2018-01-09 上午11：43 05]（https://user-images.githubusercontent.com/930864/34737461-760849e4-f533-11e7-8f13-c11a741488cd.jpg）

ryandeba

你好，@AustinTBiggs，我怀疑 grapesjs 把高宽样式应用到一个类上，而这个类又应用到两个图片上。你能检查一下这两张图片的类别是不是一样吗？

artf

嘿，奥斯汀，按照瑞安的建议，直接取消这门课吧

austinbiggs

@artf - 我可以快速解决这个问题。不过，这似乎有点反直觉。CSS中的类是用来重复使用的。如果“解决办法”是移除类，那在我看来问题出在 Grapes 处理类的方式上。我用类处理图像（和其他元素）来处理从动画到材质阴影的各种内容。

查看详情

#7342018年1月9日作者 austinbiggs3 个回答

2 个反应

已过时

顶部边框在一些可调整尺寸的元素中缺失

在几个可调整大小的元素中，顶部轮廓似乎缺失了。这是已知的问题吗？我似乎找不到任何冲突的CSS。 ![截图 2018-01-09 上午11：41 29]（https://user-images.githubusercontent.com/930864/34737156-8d032b88-f532-11e7-995a-5ee6fe0522f5.jpg）

ryandeba

你好，@AustinTBiggs，我以前没遇到过这个问题，但也许其他人见过，可以帮忙。如果你不介意，我很想了解一下——能不能提供一个JSFIDDLE和/或重现步骤？你在所有浏览器中都看到这个问题吗？

austinbiggs

事后看来，这让我觉得自己挺傻的。问题出在父元素的溢出属性。奇怪的是，顶层轮廓在只有1像素厚时会显示，但当它为3像素厚时（悬停而非选择）时，完全没有显示。这也是我觉得这可能是个 Grapes 问题的原因。不过，浏览器对溢出轮廓的处理方式很奇怪。

lock[bot]

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

查看详情

#7332018年1月9日作者 HarshOB2 个回答

0 个反应

已过时

如果我删除图片，单元格大小不会自动增加。

嘿，@artf 如果我选择两列组件，在第一个单元格内删除图像组件并选择更大图像，编辑器中的单元格大小 grapes 最终输出看起来也很难看。谢谢。

artf

@HarshOB我试过试玩版，效果和预期一样

lock[bot]

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

查看详情

#7322018年1月9日作者 Deepak8132 个回答

0 个反应

已过时

如何在其他元素上显示编辑图标

你好，@artf，请告诉我们如何在其他元素上显示编辑图标。

artf

这就是图像分量的做法 https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentImage.js#L33-L38

lock[bot]

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

查看详情

#7312018年1月9日作者 ryandeba2 个回答

1 个反应

已过时

“颜色”类型的性状不起作用

你好，@artf，我之前在一个拉取请求中提到过，“颜色”类型的特征是不起作用的。当时我还没用到，但现在需要了，所以如果你还没开始修理，我想了解一下。bug出在“InputColor”对象中，当它调用“model.setValueFromInput”时——特质没有这个方法，所以会报错。你觉得解决这个问题最好的方法是什么？“Trait”对象需要一个“setValueFromInput”方法吗？还是说“InputColor”应该改成足够智能，可以调用不同方法来区分特征和属性？也许还有别的什么？我最初（不太合适）的实验显示，把“InputColor”里所有“model.setValueFromInput”行都改成这个，效果就差不多了....

artf

Trait 对象需要 setValueFromInput 方法吗？这会导致代码重复，但我仍然认为这样会更好 “''js Trait.js setValueFromInput（value， final = 1， opts = {}） { const toSet = { value }; this.set（toSet， { ...opts， avoidStore： 1}）; 必须触发变更如果（末文） { this.set（'value'， ''， opts）; this.s...

lock[bot]

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

查看详情

#7302018年1月9日作者 austinbiggs3 个回答

1 个反应

已过时

在调整大小的同时保持宽高比？

当用户调整图片大小时，我试图保持原始的宽高比，因为几乎不需要扭曲图片。我相信我找到了处理这种行为的代码。不过，我不确定是应该修改开始键还是做别的什么。 @artf - 有什么建议吗？我正在考虑整合这个辅助功能：

artf

我给图片设定了最大宽度，调整太大尺寸时导致图片偏斜，哎呀！太好了，那我就关上它有没有办法禁用某些账号？除了CSS 每个组件都有一个['resizable']（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L61）属性，你也可以把一个对象传递为[options for the Resizer]（https://github.com/artf/grapesjs/b...

artf

你@AustinTBiggs尝试使用角落操控者？默认情况下，比例会被保留，否则你可以按住Shift来关闭 ![长相比]（https://user-images.githubusercontent.com/11614725/34722019-61998c90-f545-11e7-83f0-d92afacf0805.gif）

austinbiggs

我把图片设置了最大宽度，调整太大尺寸时导致画面歪斜，哎呀！ @artf - 有没有办法禁用某些句柄？除了CSS

查看详情

#7292018年1月9日作者 austinbiggs3 个回答

1 个反应

已过时

<body> 不应该是可注册的/可选择的

我目前正在尝试移除标签中的可识别和可选择权限<body>。我尝试设置了 gjs-editable、gjs-badgeable 等权限，但似乎都没用。你建议如何处理这个问题？ ![截图 2018-01-08 下午3：47 21]（https://user-images.githubusercontent.com/930864/34696244-3f73f192-f48b-11e7-8a9f-13a59cdddf32.jpg）

ryandeba

你好，@AustinTBiggs，这对我来说在[演示]（http://grapesjs.com/demo.html）中有效： “编辑。DomComponents.getWrapper（）.set（{badgable： false， selectable： false}）' 如果你不想悬停时蓝色高亮显示，也可以把“悬停可悬停”设为false。

austinbiggs

@ryandeba，你能想象我现在有多傻。一流的解决方案，谢谢！

ryandeba

不客气！很高兴能帮上忙。

查看详情

#7272018年1月8日作者 kevinalvarez3 个回答

3 个反应

缺陷已过时

两个宽度相同的设备

大家好，我们有一个场景，需要两台宽度相同的设备。几乎所有设备都正常，但当我们尝试在这些设备之间切换（相同宽度）时，预览中的元素直到更换尺寸不同的设备后才会响应。有什么建议吗？谢谢！

kevinalvarez

看看这个演示：https://jsfiddle.net/9w2g8su5/1/ 我有4台设备。通用版和桌面版宽度相同。如果我从通用切换到桌面（或反过来），我无法从画布中选择或编辑任何组件，除非选择另一个宽度不同的设备

ryandeba

大家好，我查了一下，我认为问题出在“FrameView.updateDim（）”里，当调用“em.stopDefault（）”时，默认命令“select-comp”会停止，直到调整大小的过渡完成。由于尺寸未变，没有调整大小的过渡，'FrameView.updateOffset（）'从未运行，因此“select-comp”命令永远不会再次启动。在代码中，[this]（https://github.com/artf/grapesjs/blob/0153fb3120c3050d...

artf

在 FrameView.updateDim（）里调用 em.stopDefault（）是否有必要？我猜这背后有合理的原因，但我不确定具体是什么原因。它的目的是防止动画中😬悬停组件时出现固定的高亮框我会设置一个修复，检查维度变化，否则“udpateOffset”会立即触发

查看详情

#7262018年1月8日作者 perfect-coders3 个回答

0 个反应

已过时