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? 根据我在其他地方看到的类似例子,似乎在其他情况下,它必须由块“内容”属性生成。不过,出于我这里省略的原因,我必须使用对象格式来表示“内容”,才能获得自定义组件提供的功能 代码: “阻挡” '''export default (editor, config = {}) => { const bm = 编辑器。BlockManager...

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 渲染模板中的可编辑组件

你好,我已经用葡萄大约有几天了。感谢你在这个项目上的精彩工作。我已经看过API文档(希望没漏掉这部分),也尝试了一些方法。基本上,我用 Grapes 加载已有的 .hbs(把手)文件,用户就可以编辑了。我看到之前有人问#938里如何整合车把,我照做了,最后得到了。 “JavaScript var comps = this.grapesEditor.DomComponents; 从默认的组件类型获取模型和视图 var defaultType = comps.getType('default'); var defaultModel = defaultType.model; var defaultView = defaultType.v...

kaloyankostov

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

artf

我看到有几个点存在冲突:保留车把模板的源代码让渲染后的车把模板的各个元素可以在葡萄编辑器中编辑 如果你编辑内容,理应得到这些修改,对吧?但你还是要把手模板作为退货,那编辑它们的意义何在?? 顺便说一句,我给你一些提示,然后试着弄清楚你需要什么(没测试过): “''js comps.addType('handlebars', { model: defaultModel.extend({ 默认值:{ ...defaultModel.prototype.defaults Drop...

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你能现场演示一下这个问题吗?

浏览所有主题