PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated你好，我遇到了一个关于Component的奇怪问题： 我拿到了两种类型，图片和图标 “''js domComponents.addType（'icon'， { model： imageModel.extend（{ defaults： Object.assign（{}， imageModel.prototype.defaults， { 特质：[{ 类型：“文本”， 标签：“图标 URL”， 名称：“SRC”， 变革提案：1 }], 可移除：错误， 可拖拽：错误， 可掉落：错误， badgable：错误， 可风格化：虚假， 值得突出：确实， 可复制：错误， 可调整大小：错误， 可编辑：正确， 可选择：真 }) }, { isCompo...
artf
你确定没有奇怪的风格加载导致强制我风格吗？试着检查一下，看看风格是否真的会改变
theanhmx
是的，我能看到本地存储里的变动。 但过了一段时间，它又变回了原状
artf
你能用活例复现吗？
有没有可能增加垂直自动卷轴的“范围”？ 当用户在窗口顶部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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我遇到了一个奇怪的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 处理类的方式上。我用类处理图像（和其他元素）来处理从动画到材质阴影的各种内容。
在几个可调整大小的元素中，顶部轮廓似乎缺失了。这是已知的问题吗？我似乎找不到任何冲突的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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
嘿，@artf 如果我选择两列组件，在第一个单元格内删除图像组件并选择更大图像，编辑器中的单元格大小 grapes 最终输出看起来也很难看。 谢谢。
artf
@HarshOB我试过试玩版，效果和预期一样
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，@artf， 请告诉我们如何在其他元素上显示编辑图标。
artf
这就是图像分量的做法 https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentImage.js#L33-L38
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，@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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
当用户调整图片大小时，我试图保持原始的宽高比，因为几乎不需要扭曲图片。我相信我找到了处理这种行为的代码。不过，我不确定是应该修改开始键还是做别的什么。 @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
我目前正在尝试移除标签中的可识别和可选择权限<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
不客气！很高兴能帮上忙。
大家好， 我们有一个场景，需要两台宽度相同的设备。几乎所有设备都正常，但当我们尝试在这些设备之间切换（相同宽度）时，预览中的元素直到更换尺寸不同的设备后才会响应。 有什么建议吗？ 谢谢！
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”会立即触发