GrapesJS 问题

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

状态

排序

找到 1,399 个问题

🔍 outdated

#11632018年6月4日作者 agungjanuar3 个回答

0 个反应

已过时

我该如何设置<body>属性

你好，@artf，在之前的问题#1132中，关于导出“<body my=”attributes“>'代码，我记得是用”exportWrapper： true“完成的。但现在遇到了限制，当它从“''导入属性时，<body>我尝试设置属性却不起作用。我用的是“importWrapper： true”。有什么解决办法吗？请帮帮我，谢谢:) 图1：导入带有属性的标签正体，编辑代码时缺少该属性 ![图片]（https://user-images.githubusercontent.com/39617738/40899700-700c9f54-67f2-11e8-94ec-852116fe7de6.png）

shareefhiasat

你好@agungaja，请你指明'exportWrapper： true'的文档吗？不知为何我找不到，我觉得它可能解决了问题，但想看看它的维基！谢谢

agungjanuar

是的，确实如此，我也找不到。我是在#1132期中才从@artf那里得到的信息。或者我有更少探索性的文档😄。关键是，为什么内容集会使用 'var initcontent = $（'#import_html'）.val（）;' 'editor.setComponents（initcontent）;' 身体属性“背景色：#f3f3f3;”消失了

artf

@agungaja没有“importWrapper”选项，也不能导入标签<body>“。GrapesJS 期望用户传递内容......而非WRAPPER（大多数情况下是正体），包装器应由其配置定义（https://github.com/artf/grapesjs/blob/dev/src/dom_components/config/config.js#L9-L24）;

查看详情

#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]

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

查看详情

#11612018年6月2日作者 besingasj2 个回答

0 个反应

已过时

我需要包含dropzone css来显示拖拽悬停吗

我在 assetManager 上启用了 dropzone，我觉得它工作正常。但我也注意到拖拽图片时的悬停效果不起作用。我只看到左上角的文字。这是我启动 grapesjs的过程。 ![投放区虫]（https://user-images.githubusercontent.com/25261663/40879896-59548eb6-66da-11e8-98de-ba3e89e87de1.png）如你所见，没有悬停效果，就像这里展示的那样。https://github.com/artf/grapesjs/wiki/Assets#setup-dropzone

artf

@besingasj投放区的造型由你决定

lock[bot]

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

查看详情

#11602018年6月2日作者 ADTC3 个回答

1 个反应

已过时

：演示页面无法加载——疑似鸟舍问题

类似 #1140，但它是在 Firefox 60.0.1（64 位）中，控制台会显示以下内容：网页演示版：在通讯演示中：你用的是最新版本吗（旧版本不支持）？不知道如果不确定，在控制台输入“grapesjs.version”并按回车你是在本地GrapesJS版本遇到这个bug，还是当前的演示版？演示如果是本地副本说明所有关于您的操作系统、浏览器和GrapesJS版本的信息。Windows 10，Firefox 60.0.1（64位）你能复现演示中的漏洞吗？是的预期的行为是什么？施工演示接下来会发生什么？空白页面（禁用不追踪时显示广告）如果你能复现该漏洞，请标明所有必要步骤 > 访问演示页面附上截图（使用 KAP/LICEcap）...

blaasvaer

所以，网站首页上有些演示，但如果没有我们绕过各种繁复程序，根本无法正常工作。你为什么不直接修正网站上的页面呢！？

ADTC

嗯......这个问题似乎在我发帖后消失了。我之前刷新过好几次，但它依然存在之前。如果你觉得没什么可修复的，请随时关闭。

babak-karimi-asl

我也遇到过同样的问题。只需安装这个名为[HTTPS Everywhere]（https://www.eff.org/https-everywhere）的[Chrome扩展]（https://chrome.google.com/webstore/detail/https-everywhere/gcbommkclmclpchllfjekcdonpmejbdp?hl=en）。空白页面是因为HTTP和HTTPS请求混合存在安全风险，浏览器加载页面却什么都没有显示。你可以看到控制...

查看详情

#11592018年6月1日作者 Buubiye2 个回答

0 个反应

已过时

我该如何向grape.js添加文件导入器

我想添加一个 div，让用户可以在grape.js中添加自己的代码。这样他就能用grape.js编辑他预先做好的代码。任何帮助我都会非常感激。

artf

看看这个#324

lock[bot]

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

查看详情

#11582018年6月1日作者 JulyanoF2 个回答

0 个反应

已过时

有没有办法知道上次存储了多少？

我正在使用“storeManager”中的“自动保存”选项，想知道是否有办法获取上次存储内容的时间

artf

只需利用['storage：store']（https://github.com/artf/grapesjs/wiki/API-Editor#storages）事件，自己存储它

lock[bot]

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

查看详情

#11572018年6月1日作者 krunal0393 个回答

0 个反应

已过时

自定义组件中的返回区间随机

我有一个自定义组件，在特质更改时想更新 HTML，但特质更改函数里随机返回的是 span/textnode，而不是 html 元素。下面是组件生成的 html，在标题更改时想更新 h4 元素。linkModel.get（“components”）.at（0）正确返回“div.programme-description”linkModel.get（“components”）.at（1）返回“span”，不确定其来源linkModel.get（“components”）.at（2）返回“span”，不确定其来源linkModel.get（“components”）.at（3）正确返回“img.programme-content...

artf

从你说的内容来看，我看不清具体发生了什么，但肯定没有随机生成的内容，只是要深入调试。顺便说一句，你可以用“find（query）”方法更容易解决这个问题： “''js var title = this.get（'title'）; ... var h4 = this.find（'h4'）[0];返回一组模型 h4 & h4.set（“内容”，标题）; ... ```

krunal039

@artf我尝试调试，但没成功，因为问题只发生在部分页面，而不是所有页面。还有 “这个。find”未定义 ![图片]（https://user-images.githubusercontent.com/11716808/41103010-0b5bbdf4-6a60-11e8-8982-bf9d8fc29533.png）

artf

只要更新 grapesjs

查看详情

#11562018年6月1日作者 Deepak8133 个回答

0 个反应

已过时

插件 gjs-style-gradient 未找到

你好，@artf，我在渐变插件“Plugin gjs-style-gradient not found”中遇到了这个问题。以下代码用于纳入我们的文件： editor = grapesjs.init（{ 插件：['gjs-style-gradient']， pluginsOpts： { 'GJS-style-gradient'： { colorPicker：“默认”， grapickOpts： { 分钟：1，最大：99， } }, 另外，我参考了这个问题#1116，但没找到任何解决方案。请帮我们解决这个问题。

ssabrewolf

你需要在插件 JS 中加入，这里是可用的 Live 版本 https://jsfiddle.net/ssabrewolf/7ur0cwq3/32/

Deepak813

你好@ssabrewolf，谢谢你的留言。我用过同样的代码，但有时会出现同样的错误：“找不到插件 gjs-style-gradient”。请参见下面的代码：编辑。StyleManager.addProperty（'Page Settings'， { 名称：“Gradient”，属性：“背景图像”，类型：“梯度”，默认值：“100” }); 编辑。StyleManager.addProperty（'Section Settings'， { 名称：“Gradient...

ssabrewolf

要丢弃环境中的问题，只需创建一个分支，上面链接中的一个代码，并使用你用来启动的代码

查看详情

#11552018年6月1日作者 grizzm02 个回答

1 个反应

已过时

自定义组件在块中用作 HTML

我已经扩展了默认图像组件 “''js 导出默认值（编辑器）=> { const domComponents = 编辑器。主导组件; const imageType = domComponents.getType（'image'）; domComponents.addType（'image-extended'， { model： imageType.model.extend（{ defaults： Object.assign（{}， imageType.model.prototype.defaults， { 名称：“图像扩展版”， }) }, { isComponent（el） { if （el.tagName === 'img'...

artf

'el.tagName === 'IMG'''

lock[bot]

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

查看详情

#11542018年6月1日作者 alfaalex812 个回答

0 个反应

已过时