GrapesJS 问题

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

状态

排序

找到 1,399 个问题

🔍 outdated

#18122019年2月19日作者 ryancwalsh3 个回答

4 个反应

增强已过时

：尝试添加背景图像时出现404（演示中可复现）

以隐身铬色访问 https://grapesjs.com/demo.html点击“Header”元素点击装饰>背景删除第2层点击第1层点击“x”删除紫色背景图像控制台中出现“GET https://grapesjs.com/none 404”错误点击“图片”尝试添加任何其他新图片，但都不行

NicoEngler

我可以确认 https://grapesjs.com/none 404 在第 7 步测试中，在 Chrome 72.0.3626.119 中，无论是普通模式还是无痕模式。

NicoEngler

@artf我做不到，添加图片（无论是普通模式还是无痕模式）都有效。

ryancwalsh

更新：我刚刚用之前的步骤在Win 10 Chrome无痕版本72.0.3626.121（官方构建）（64位）上再次尝试。这次控制台错误显示“资源加载失败：服务器响应状态为404（） none：1”。但是，在第9步，我可以成功添加一张图片。我不知道是Grapesjs还是Chrome有什么变化，但现在这个方法对我来说有效。

查看详情

#18112019年2月19日作者 sharma-mohit-eca2 个回答

0 个反应

已过时

Changes在编辑器中点击任意元素时计数变化

你好，如果画布发生变化，我用 changesCount 来调整编辑器大小。但当我在Canvas中选择任何元素时，点击Canvas里的任何div都会增加ChangesCount，这样编辑器就会调整大小。所以，我想在选择任何元素时禁用 changesCount，只有在 Canvas 里做了某些更改时，才应该增加元素计数。如果你有其他方法，请分享。

artf

不，你不能禁用它

lock[bot]

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

查看详情

#18102019年2月19日作者 munanadhifa2 个回答

0 个反应

已过时

如何将 hmtl 导入到 grapesjs

我对Grapejs还很陌生，你能帮我把HTML导入Grapesjs吗？我已经用 VScode 做了 Plan HTML 和 CSS，但我不知道怎么导入。谢谢你

artf

https://grapesjs.com/docs/getting-started.html

lock[bot]

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

查看详情

#18092019年2月19日作者 sakshigarg93 个回答

1 个反应

已过时

自定义图片大小调整

如果我想限制图像只调整特定尺寸，我该怎么做？另外，是否可以只在右下角启用调整大小，而在其他角落和点处禁用？

artf

如果我用的是 grapesjs-preset-webpage，我该如何更新这些属性？你总可以更新组件类型（但要以插件形式更新） “''js 编辑。DomComponents.addType（'image'， { 型号：{ 默认值：{ 可调整大小：{ TL： 0， // 左上角 TC：0，// 中上 tr： 0， // 右上角 cl： 0， // 中左 bl： 0， // 左下角 } } } }) ```

artf

你可以用[这些选项]（https://github.com/artf/grapesjs/blob/e79ffd96979e2e435462ffc76139f5b5906eae5d/src/utils/Resizer.js#L4-L69）来表示组件的“可调整大小”属性

sakshigarg9

如果我用的是 grapesjs-preset-webpage，怎么更新这些属性？

查看详情

#18082019年2月18日作者 MisterFK1 个回答

0 个反应

无效问题已过时

创建画布块

你好，我们能加一个画布块吗？我尝试让编辑器总是在 <div> <canvas>。谢谢！

lock[bot]

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

查看详情

#18072019年2月18日作者 sakshigarg92 个回答

0 个反应

已过时

GrapeJs 框架在添加外部样式表时会出问题

当我用 Grapesjs 框架不再有效。我怎样才能同时拥有样式表和 Grapesjs 框架？这是不是因为某些风格可能不兼容GrapesJs？

artf

其实用CSS破坏东西并不难，所以确实是写得不好（比如用全局选择器'*'或通过'div， span { ... }这样的标签'）绝对能让编辑崩溃

lock[bot]

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

查看详情

#18052019年2月18日作者 sakshigarg92 个回答

0 个反应

已过时

定义新的图像组件

我刚接触GrapesJs，无法弄清楚如何创建图像组件。举个例子，我有一个 img 标签，并且定义了 src，代码是如何让它成为一个图像组件，能够在双击时触发资产管理器，并且可以调整大小和移动。

artf

阅读关于[Components]（https://grapesjs.com/docs/modules/Components.html），检查每个[Component]（https://grapesjs.com/docs/api/component.html）的API，检查[ImageComponent's view]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/view/ComponentImag...

lock[bot]

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

查看详情

#18042019年2月18日作者 AkibDeraiya1233 个回答

0 个反应

需要更多信息已过时

在同一个HTML标签上应用两个不同的特征，但只应用一个

你好，@artf，如果我们需要在同一个HTML标签上初始化两个特征，那这可行吗？实际上，我在同一个标签上定义了两种不同的特征（“在链接/标签上”）。让我简单介绍一下你。假设我有一组链接包含类类，类似于“非拖放”。所以，它的HTML代码就像所以对于上述类别的“非拖放”，我想添加一个特质，比如，对于所有的链接，我还想补充一个特征，比如，但当我点击包含“not-drag-drop”类的链接时，只有特质应用“not-drag-drop”，不应用“link”特质。所以，当我要更改这个链接的“href”时，我不会看到链接下拉菜单，只是显示输入框。你能帮我解决这个问题吗？

artf

HTML代码已经加载到Canvas里了吗？你有没有尝试通过插件执行自定义组件定义？否则你是在尝试看到已经加载的组件的更改

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

lock[bot]

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

查看详情

#18032019年2月18日作者 ageir3 个回答

0 个反应

已过时

固定尺寸画布

我们在工作中使用GrapesJS在CMS中构建自助终端系统。目前使用的是网页模板。我们把内容显示在固定分辨率的显示器/电视上，比如平放时是1920x1080，或者侧边是1080x1920。我尝试过在画布中限制分辨率，但都没成功。我们希望将画布大小限制在x和y的分辨率内，以我们编辑显示器的分辨率（和旋转）为准，这样你才能看到电视上实际会显示的内容。当然，这有时会在网页模板的画布中增加滚动，但我觉得这不成问题，因为更重要的是你设计的设计在电视上看起来是一样的。有什么办法解决这个问题吗？我还不熟悉代码，所以不知道怎么最好地解决这个问题。任何帮助都非常感谢。

artf

你试过[设备管理器API]（https://grapesjs.com/docs/api/device_manager.html）吗？当然，这有时会在网页模板的画布中增加滚动，但我觉得这不是什么问题，因为更重要的是你设计的画面在电视上看起来是一样的。可能从下一个版本开始，会提供一个用于缩放的API（来自Canvas模块）。

ageir

是的，我做过，如果你在比预期内容更大的屏幕上编辑，效果很好。但如果你是用全高清屏幕为4K屏幕剪辑，那就有点问题。Zoom看起来很棒！如果你能在像素级和百分比级都进行缩放，那就太好了。设备管理器API不支持最大高度，这导致无法知道内容垂直裁剪的位置。这对编辑固定高度显示器非常重要。如果有这个选项就太好了。有人知道怎么解决这个问题吗？有没有简单的解决办法？还是说这是个大变化？最好的办法是限制垂直高度，这样你就不能在垂直高度下面添加新内容。或者其次是设置分隔线/线/指示器，这样...

artf

是的，我做过，如果你在比预期内容更大的屏幕上编辑，效果很好。但如果你是用全高清屏幕剪辑4K屏幕，那就有点问题。Zoom看起来很棒！如果你能在像素级和百分比级都进行缩放，那就太好了。缩放值会是0到100设备管理器 API 不支持最大高度，这导致无法知道它垂直方向会在哪里剪辑内容。这对编辑固定高度显示器非常重要。如果有这个选项就太好了。有人知道怎么解决这个问题吗？有没有简单的解决办法？还是说这是个大变化？最好的办法是限制垂直高度，这样你就不能在垂直高度下面添加新内容。或者其次...

查看详情

#18022019年2月17日作者 froderf2 个回答

0 个反应

已过时

无法获得所选班级的：：after

我无法理解带有“：：after”的类的CSS规则 'cssComposer.getClassRule（“sample-class”， {state： 'after'}）' 有没有办法获得因为我只知道“悬停”和“活跃”状态谢谢！

artf

你应该用 '{state： '：after'}''，无论如何我建议你开始使用新的 ['getRule']（https://grapesjs.com/docs/api/css_composer.html#getrule），这样会更快 'cssComposer.getRule（'.sample-class：：after'）'

lock[bot]

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

查看详情

GrapesJS 问题

浏览所有主题