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 中的类是用来重复使用的。如果“解决办法”是移除该职业,那在我看来问题出在葡萄队处理职业的方式。我用类处理图像(及其他元素)来处理从动画到材质阴影的各种内容。

#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像素时(悬停而非选择)时,这些都不显示。这也是我以为这可能是葡萄的问题。不过,浏览器处理溢出轮廓的处理方式很奇怪。

lock[bot]

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

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

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

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

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 个反应

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

当用户调整图片大小时,我尽量保持原始宽高比,因为几乎不需要扭曲图片。我相信我找到了处理这种行为的代码。不过,我不确定是应该修改Start键还是换别的。 @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 个反应

在图层管理器中重命名元素后,它无法保存。

我可以在图层管理器中编辑标签名称,但我想保存图层管理器中用户给出的自定义名称。请帮帮我做这件事。

artf

很可能你只是存储/加载了HTML(但HTML没有这些信息),而不是JSON

perfect-coders

能否像图层管理器中更改标签那样重新命名并渲染它?

lock[bot]

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

浏览所有主题