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]

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

浏览所有主题