PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 75 个问题

🔍 more-information-needed
#12862018年7月15日作者 Barahten3 个回答
0 个反应
需要更多信息已过时

：init 时在管理器中下载默认资产

我正在尝试实现一个演示中的示例，具体来说：当点击安装背景图片时，会弹出一个窗口，提示你下载文件或从已下载的文件中选择。上传到我成功实现的服务器后，文件会被加载，保存到想要的文件夹里，然后它们会出现在右侧的资源列表中，你可以点击并应用到背景。但当更新页面并重复上述操作时，资产管理系统（左边那个）是空的。 举例来说，默认情况下，资产的配置与演示示例相同（即带有 placehold.it 的预定义图片），但同样，资产管理器在打开时始终是空的。 控制台显示一个带有特定图片列表的 gjs-nl-资产，但资源列表中没有相关图片。打开左侧的资产管理器时，总会有一个半透明的图片，我没有请求或加载。如何移除它例如，如果你尝试为“body”设置背景图...

artf

你好@Barahten请尝试提供你的问题实时演示，没有看到你是如何设置编辑器的，我帮不上忙。

Barahten

@artf，做真实服务器 http://gjs.barahten.com/ 笔——https://codepen.io/barahten/pen/QBygdY 剧本的运作方式有点奇怪。在本地服务器上，它通过上传文件到文件夹来工作，但下载后或在残酷添加代码后，无法添加到管理器中，而在真实战斗服务器上，除了P.3之外，其他都正常

artf

关于第一点但当页面更新并重复上述操作时，资产管理公司（左边那个）是空的。 首先，更新库，0.12.17版本其实太过时了 顺便说一句，给你一个大致的流程。一开始，你的资产是根据你在 'config.assetManager.assets' 中定义的内容加载的，但如果你已经配置好 StorageManager，并且你要抓一个像这样的 JSON 对象 '{ 'gjs-assets'： [{ src： '' }， ...]， ... }'（'gjs-' 是 'config.stor...

查看详情
#12822018年7月13日作者 SalesFeed3 个回答
0 个反应
需要更多信息已过时

：避免InlineStyle的true破坏，保存属性

案例：将 avoidInlineStyle 设置为 true。将图片拖到画布上，通过Layout > Width将其宽度设置为100%拯救画布重新装填画布 预期： 图片宽度应为100% 实际结果： 图像恢复到原始大小

artf

刚试了这个 https://jsfiddle.net/szLp8h4n/235/，运行正常（使用默认的本地存储） 你确定你存钱没问题吗？

no-response[bot]

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

lock[bot]

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

查看详情
#12552018年7月3日作者 jdodsoncollins3 个回答
2 个反应
需要更多信息已过时

：如何从自定义组件中设置编辑器的HTML内容？

我在grapes编辑器中无法让自定义块+组件显示其模板HTML。在导出的HTML中，标记和CSS是按预期生成的。 不过在编辑器里，块不会留下任何界面（不过根据导出的 html/css 它已经成功拖入了）。 我的问题是： 'toHtml' 方法的输出如何正确地应用到编辑器的 iframe？ 根据我在其他地方看到的类似例子，似乎其他情况下都必须从块 content 属性生成。不过，出于我这里省略的原因，我必须使用content的对象格式，才能获得自定义组件提供的功能 代码： block component 在HTML中，显示的内容如下： ，grapes编辑器iframe中没有显示任何内容。

artf

用这个“this.attributes.template = ...”，你对视图什么都不做，所以它就是空的。你必须更新模型，让视图能对变化做出反应。 例如， “''js 模型内部 用 init 代替初始化，这样你就能避免使用 'defaultType.model.prototype...' 初始化（） { // ... 如果该组件没有子节点 如果 （！this.components（）.length） { this.components（'<div ${attrsRow}>...

jdodsoncollins

这个自定义组件是对 https://github.com/artf/grapesjs-blocks-flexbox 的适配

no-response[bot]

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

查看详情
#12452018年6月28日作者 Deepak8133 个回答
0 个反应
需要更多信息已过时

如何在margin-top属性中设置滑块

你好，@artf， 请问能否告诉我如何将滑块设置在margin-top属性中。我用下面的代码设置了，但滑块却朝它的方向移动： { 名称：“Margin Top”， 性质：“margin-top”， 类型：'滑块'， 默认数：1， 步骤：0.1， 最小：0， 最大：1 }, 请帮帮我解决这个问题。 提前感谢大家

artf

我不太理解你的问题，所以请你说得更具体一些，或者更好的是发个现场演示。 顺便说一下，我觉得你不希望1作为最大边际值，更合理的是这样：'step： 1， min： -100， max： 100'

no-response[bot]

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

lock[bot]

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

查看详情
#12302018年6月25日作者 pintor-mato3 个回答
0 个反应
需要更多信息已过时

：画布iframe中的文档类型

@artf，我注意到画布上的iframe似乎没有设置任何文档类型，导致它处于“怪异模式”。这是故意的吗？我想把它设置为<！DOCTYPE html>，但这样做会带来一些位置问题，你可以在这个[截图]（https://i.imgur.com/Ga3mLKx.png）和[演示]（https://jsfiddle.net/xu7fdxnj/1/）中看到。 你愿意接受一个拉取请求来设置文档类型吗？我觉得用配置选项（无论是doctype字符串还是quirksMode布尔利）来暴露它会是最安全的做法，但在我继续探索之前，想先听听你们的看法。

artf

导致它进入个性模式 用哪个浏览器？

tomichal

@artf 我注意到缺少文档类型的一个问题是关于六边形（HEX）颜色定义。 如果用户将HEX颜色定义为，例如“fff”而非“#fff”，这在编辑器中是可行的，但一旦页面被渲染到指定文档类型的HTML中，该“fff”颜色定义就会失败。 我在 Mac OS Chrome、Safari 和 Firefox 上测试过。

no-response[bot]

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

查看详情
#12212018年6月20日作者 algodata443 个回答
0 个反应
需要更多信息已过时

拖不动方块

你好， 当我使用 grapesjs（搭配 gjs-preset-webpage 或 gjs-preset-newsletter）时，有时会出现奇怪的 bug。我无法拖动右边的方块，点击它们时它们不会移动。 有时候，连重新加载页面都不够。 我们在 Mozilla 和 Safari 上见过这个 bug，但 Google Chrome 没有。 有人已经有这个bug了吗？

artf

你好@algodata44，你用的是最新版本吗？控制台有错误吗？说实话，我在其他浏览器上没遇到什么问题，所以帮不上忙。你至少应该提供一个实时演示，教你如何重现这个问题。

no-response[bot]

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

lock[bot]

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

查看详情
#12142018年6月18日作者 kuldeepcis3 个回答
1 个反应
需要更多信息已过时

关于873相关问题的查询

[“上一期”]（https://github.com/artf/grapesjs/issues/873） 请确认，上述报告的bug已经解决。或者还是有同样的问题。请确认。 滑块也有同样的问题。 提前感谢大家

v8jupiter

请确认，上述报告的bug已经解决。- 100%解决。

kuldeepcis

![1529402419229-623198496]（https://user-images.githubusercontent.com/16045467/41590863-b6ff8338-73d5-11e8-8a35-bf6c5d343eaa.jpg） 但我在最新版本14.20上依然遇到同样的问题 你能@v8jupiter给我们分享代码吗？ 回复格式附于上方。 请帮我检查，如果我做错了什么

artf

@kuldeepcis提供现场演示

查看详情
#11702018年6月6日作者 milapshah153 个回答
1 个反应
需要更多信息已过时

导航条样式问题

大家好， 我在导航栏中遇到响应不灵敏的问题，样式也与 Bootstrap 冲突。 @artf 你能帮帮我吗？ 此致敬礼 米拉普

FrciSmrci

嘿，@milapshah15， 你能提供一些更多信息吗？你是通过 GrapesJS 初始化配置里的 canvas styles 属性导入 bootstrap 吗？你遇到的问题是Bootstrap导航栏响应还是Grapesjs？ 你的样式在使用Basic Blocks插件时会和Bootstrap冲突吗？这里有一个封闭议题，讨论[解决方案]（https://github.com/artf/grapesjs/issues/1109）。基本上你只需要在 blocksBasicOpt...

no-response[bot]

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

lock[bot]

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

查看详情
#11622018年6月4日作者 kaloyankostov3 个回答
0 个反应
需要更多信息已过时

：Handlebars 渲染模板中的可编辑组件

你好，我已经用 grapes 大约几天了。感谢你在这个项目上的出色工作。我已经看过API文档（希望没漏掉这部分），也尝试了一些方法。基本上，我用 grapes 加载现有的.hbs（车把）文件，用户就可以编辑了。我看到之前有人问#938里如何集成车把，我照着那里的建议做了，最终得到了。 然后在编辑器中设置组件如下： 这样效果非常好，我渲染好的车把模板会在编辑器中显示，而源html仍然是车把模板，这正是我需要的。然而，当模板被导入时，它作为图层管理器中的一个组件，称为Handlebars，这意味着我无法编辑单个元素或添加任何新内容。 ![图片]（https://user-images.githubusercontent.com/170...

kaloyankostov

进一步澄清一下，因为我现在觉得我的帖子比必要的更长。我又查了一下，找到了#978。那里描述的问题和我的情况完全一样。我基本上有一个自定义组件，HTML字符串中有几个子元素，但这些子元素都无法选择或编辑。它们都作为一个可编辑元素加到父元素上（我这里通常是“<div>'）。是否可以像使用 editor.setComponents（） 那样，遍历所有子组件，并让它们单独识别，但使用自定义组件？我需要一个自定义组件，因为我想把渲染后的视图和源HTML不同。谢谢

artf

我看到有几个点存在冲突：保留车把模板的源代码让渲染后的车把模板的各个元素可以在 grapes 编辑器中编辑 如果你编辑内容，理应得到这些修改，对吧？但你还是要把手模板作为退货，那编辑它们的意义何在？ 顺便说一句，我给你一些提示，然后试着弄清楚你需要什么（没测试过）： 然后添加类似这样的方块

no-response[bot]

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

查看详情
#11232018年5月21日作者 alfaalex813 个回答
0 个反应
需要更多信息已过时

模板内的加载事件

嗨！我对一些模板有问题。这个模板在页面加载后会运行一些脚本。当 GrapeJs 加载该模板时，脚本无法启动，因为浏览器无法检测加载结束。 有可能在经典iframe（未注入）中加载templete吗？ 例如： '<iframe src=“http://myexamplepages.com” frameborder=“0” style=“overflow：hidden;height：100%;width：100%” height=“100%” width=“100%”></iframe> ` 你可以用这个方案，或者你也可以推荐其他方案。 谢谢。

artf

你试过这个吗？ “''js const editor = Grapesjs.init（{ ... allowScripts：1， }); ```

alfaalex81

当然，带“allowScripts”参数的其他脚本工作正常，但“加载事件中”里的脚本不行。 我用这样的方式注入代码： ' var newComps = editor.主导组件; $.get（'http：//myexamplepages.com'， 函数 （e） { newComps.setComponents（e）; }); window.editor.setComponents（newComps）; ` 谢谢。

artf

@alfaalex81你能现场演示一下这个问题吗？

查看详情

浏览所有主题