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

你好,我已经用葡萄大约有几天了。感谢你在这个项目上的精彩工作。我已经看过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]

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

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

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

我在 assetManager 里启用了 dropzone,我觉得它运行正常。但我也注意到,当图片被拖拽时,悬停效果没有效果。我只看到左上角的文字。这是我对葡萄的启蒙。 “''js 从“GrapesJ”导入葡萄; import 'grapesjs-blocks-basic'; LET editor = Grapesjs.init({ 容器:“#gjs”, 身高:“100%”, 插件: ['gjs-blocks-basic'], pluginOptions: { 'gjs-blocks-basic': {} }, 店长 storageManager: { 类型:1, 自动加载:“无” }, 资产管理公司 资产管理人:{ 上传:“ht...

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 个反应

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

我有一个自定义组件,在 trait change 时想更新 html,但 trait change 函数里随机返回的是 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.p...

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

只要更新葡萄

#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 个反应

可丢弃传播

我发现了可投放传播的问题。我举个例子。我在模板里放了“3列”(jsfiddle的黄色区域),现在如果我想在其中一列里添加图片,绿色选择器就不会出现。如果我移除所有数据-gjs,系统就能正常工作 https://jsfiddle.net/7tdkjj6a/

artf

这是因为在内层框中你传播了“droppable”,而当你丢弃表时,它的“droppable”会被列到 顺便说一句,始终使用最新版本

lock[bot]

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

浏览所有主题