GrapesJS 问题

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

找到 3,464 个问题

#4662017年10月30日作者 arthuralmeidap3 个回答
0 个反应

禁用按钮

你好, 我在选项面板里加了一个新按钮,现在我正试图让它禁用,因为某个条件是不允许的。 目前我尝试用myButton.set('active',1),但这不是我想要的。 我快速查看了GrapesJS的代码,没看到有禁用按钮或让它“不可点击”的选项。 有内置功能吗?还是我需要砍葡萄,加点支撑?

artf

你好,Arthur,很遗憾没有“禁用”功能,但如果有这个功能会很酷

arthuralmeidap

你好@artf, 我会努力改进,好吗? 我会开始为按钮添加一个新的“禁用”属性。你怎么看?

arthuralmeidap

嘿,@artf, 这和这个问题无关,但你知道下一个版本什么时候发布吗? 开发分支有一些改进,如果能有它们会更好。

#4642017年10月30日作者 jiggyt2 个回答
0 个反应

为风格增添格调?

你好,抱歉如果之前有人问过这个问题,但我查过没找到相关信息。 我该如何将内容下的组件(文本框)引用到默认的唯一类,而不是必须逐个输入 CSS 属性? 例如(不工作)下文,输入控制是该类。 ID:“电子邮件”, 标签:“电子邮件”, 分类:“额外”, 属性:{class:'fa fa-map-o'}, 内容:{ 类型:“输入” 风格:{类:“输入控制”} }, 尝试了所有可能的排列,比如 style: {'.input-control'},换个属性标签,或者 class: {'Input-Control'},但编辑器在做这些操作时都加载不了。抱歉给你添麻烦了,提前感谢。

artf

使用“类”键 “''js ... 内容:{ 类型:“输入” 类别:['class1', 'class2', ...), 内部样式是内嵌式的 样式:{'text-align': 'Center', ....} } ... ```

lock[bot]

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

#4632017年10月29日作者 roytang3 个回答
0 个反应

网页演示中的视频组件能正常工作吗?

我想学习如何使用视频组件,但演示网站上的(http://grapesjs.com/demo.html 年)似乎不起作用? 把视频组件放进画布里,会显示一张带有灯光的静态照片。如果我点击编辑图标,照片编辑器会打开,但没有内容和工具栏,控制台里还有很多 JS 错误。

artf

这不是照片,而是视频(我刚关闭了自动播放),如果你切换控制并打开预览,应该能看到播放。 关于编辑按钮,我觉得是个bug,不应该在那里,我稍后会检查

roytang

如何切换控制并开启预览?

artf

![正文编辑](https://user-images.githubusercontent.com/11614725/32446045-f2c025aa-c307-11e7-876e-5bbb83c4ef0b.gif)

#4622017年10月28日作者 ivantokar1 个回答
0 个反应

视频自动播放功能不正常

使用类似 https://player.vimeo.com/video/240175862?autoplay=0&title=0&byline=0&wmode=transparent 的网址时 视频已启用自动播放。这不正确

vizardkill

YouTube也是一样,自动播放功能不起作用

#4612017年10月28日作者 roytang2 个回答
0 个反应

RTE工具栏出现在顶部面板

你好, 我们最近将GrapesJS从0.8.8更新到了0.12.15。升级后,我发现RTE工具栏莫名其妙地出现在顶部面板。我尝试过做一个干净的葡萄叫声(摘自维基): 但工具栏依然存在: https://i.imgur.com/gcaBti2.png 当我双击“Hello world”文字后,rte工具栏会出现在它附近,然后从顶部面板消失。但如果重新加载页面,它又会出现。 有什么建议可以防止它在那里出现吗?

artf

看起来渲染时并没有隐藏,下次版本会修复

lock[bot]

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

#4602017年10月28日作者 roytang3 个回答
2 个反应

当组件视图修改HTML时,文本组件不再可编辑

我正在尝试构建一个自定义组件,内容中包含一些Lorem ipsum文本,以便在画布上进行编辑。但我也想修改视图中的HTML(添加一些我想在编辑器中显示但不在已保存HTML中的内容)。我尝试过类似这样的方法: 问题是,如果我像上面那样修改render()函数,文本部分中的文本组件(h1和p)就无法通过双击文本编辑。 有没有更好的方式来实现我想做的事情? 谢谢!

roytang

我尝试了上述方法,具体如下: 但在把组件放到画布后,我仍然无法编辑 h1 和 p 元素的文本。:(

artf

抱歉我之前没注意到 “''js var html = this.el.innerHTML; html = “<h1>ABC</h1>” + html; this.el.innerHTML = html; ``` 你基本上是移除模型中的元素,并以HTML形式附加一个新字符串(编辑器已经无法访问他们的模型了)。如果你想添加新组件,应该通过模型来实现(例如 'view.model.append(<div>'stuff</div>')')

artf

你可以扩展文本组件,而不是基础组件 “''js const defaultType = comps.getType('default'); const textType = comps.getType('text'); ... view: textType.view.extend({ ... ```

#4592017年10月28日作者 roytang3 个回答
1 个反应

在另一个模块中包含自定义组件时出现错误

抱歉标题有点模糊。我不太确定如何简洁地描述这件事。我有一个自定义块,想限制只有图片可以丢进块的某个部分。我尝试过类似这样的方法: 然而,当我这样做时,尝试将方块从方块调色板中拖出时,会出现以下错误: ... grapes.min.js:2 未捕获类型错误:s 不是构造函数 at F.i.addToCollection (VM6196 grapes.min.js:2) 在VM6196 grapes.min.js:2 at Function.C.each.C.forEach (VM6196 grapes.min.js:2) at F.i.each (VM6196 grapes.min.js:2) at F.i.render (VM61...

roytang

既然你的评论已经修正了我遇到的原始错误,我会关闭这条评论,专门发一条评论来解答关于可丢弃属性使用的问题。

artf

当你定义新的组件类型时,“视图”是必不可少的 “''js comps.addType('image-container', { 模型:defaultModel... 查看:defaultView; }); ```

roytang

谢谢!添加 defaultView 确实解决了错误,但我仍然无法实现我想要的操作——我似乎无法将图片放入上面样本的“image-container”部分。当我尝试把图像组件放在那里时,它反而入到包含“测试块”的区域里。 我的测试代码现在是: 我是不是用错了“可掉落”这个属性?只需要是CSS选择器,对吧?

#4572017年10月28日作者 mekamleshk2 个回答
0 个反应

两个快速问题

你好@artf 1)我的编辑模板是这样的: ![1](https://user-images.githubusercontent.com/16983847/32127077-ede6df38-bb91-11e7-819f-e8e805403e3d.JPG) 我想更改对齐方式,并在左角加一个像这样返回按钮: ![2](https://user-images.githubusercontent.com/16983847/32127103-21c5d764-bb92-11e7-824d-072f653e3c23.JPG) 2)不知道为什么每次选择文本时,ckeditor选项总是出现在顶部: ![捕获](https://user-imag...

artf

检查[Panels API](https://github.com/artf/grapesjs/wiki/API-Panels),或者你也可以在编辑器加载后添加或删除内容 “''js editor.on('load', () => { 在这里更改你的DOM }) ```刚试了演示,效果如预期,可能你有多个嵌套的文本组件,那时工具栏会出现在最高可编辑组件上方

lock[bot]

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

#4562017年10月27日作者 leantorres733 个回答
0 个反应

Combobox 跨浏览器问题

我发现combobox在不同浏览器上有不同的样式。 Firefox 56.0.2(64位): ![captura de pantalla 2017-10-27 a las 17 23 49](https://user-images.githubusercontent.com/12806363/32123725-92af301a-bb65-11e7-8029-6d1142692128.png) 铬: ![capture de pantalla 2017-10-27 a las 17 26 47](https://user-images.githubusercontent.com/12806363/32123822-fa06f5e0-...

santiph

启用Light主题后,这就是Firefox for OSx上的选择框的样子 <img width=“198” alt=“截图 2017-10-27 19 15 28” src=“https://user-images.githubusercontent.com/747646/32127161-47023f32-bb4b-11e7-8f55-b0eeab1171e6.png”> @artf为了保持一致性,不同浏览器中选择框应该如何表现和呈现?是本地的还是定制的?

leantorres73

@artf如果你给我指示,我可以帮你做,或者如果你愿意,我可以提出建议。

artf

谢谢@leantorres73如果能有个人记录就太好了。 这一切都关乎CSS,问题在于<option>应该在这里的“样式”: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/gjsinputs.scss (试着搜索'选项') 我觉得最好把那些造型全部删掉

#4552017年10月27日作者 krunal0393 个回答
0 个反应

需要帮助:请求用户输入文本/图片网址/超链接

我们正在构建一个模板,它会渲染带有背景图像的 div,鼠标悬停时会显示一些文本,点击时会有超链接,应该会引导用户到图片下方的标题。 我们已经构建了模板,但无法以用户丢弃模板后弹出窗口,提供所有必要信息,用户提供后再渲染模板的方式

artf

请查看这里 #286

krunal039

@artf谢谢回复,但我还是不明白如何用组件来创建模块,因为组件是构建模块,模块会由组件组成。我们希望有一个单一窗口,用户可以提供所有关于块掉落的信息。

artf

可以查看[块](https://github.com/artf/grapesjs/wiki/Blocks)和[组件](https://github.com/artf/grapesjs/wiki/Components)文档

浏览所有主题