PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
你好， 我在选项面板里加了一个新按钮，现在我正试图让它禁用，因为某个条件是不允许的。 目前我尝试用myButton.set（'active'，1），但这不是我想要的。 我快速查看了 GrapesJS 代码，没看到有禁用按钮或让它“无法点击”的选项。 有内置功能吗？还是我需要破解 grapes ，添加这个支持？
artf
你好，Arthur，很遗憾没有“禁用”功能，但如果有这个功能会很酷
arthuralmeidap
你好@artf， 我会努力改进，好吗？ 我会开始为按钮添加一个新的“禁用”属性。你怎么看？
arthuralmeidap
嘿，@artf， 这和这个问题无关，但你知道下一个版本什么时候发布吗？ 开发分支有一些改进，如果能有它们会更好。
你好，抱歉如果之前有人问过这个问题，但我查过没找到相关信息。 我该如何将内容下的组件（文本框）引用到默认的唯一类，而不是必须逐个输入 CSS 属性？ 例如（不工作）下文，输入控制是该类。 ID：“电子邮件”， 标签：“电子邮件”， 分类：“额外”， 属性：{class：'fa fa-map-o'}， 内容：{ 类型：“输入” 风格：{类：“输入控制”} }, 尝试了所有可能的排列，比如 style： {'.input-control'}，换个属性标签，或者 class： {'Input-Control'}，但编辑器在做这些操作时都加载不了。抱歉给你添麻烦了，提前感谢。
artf
使用“类”键 “''js ... 内容：{ 类型：“输入” 类别：['class1'， 'class2'， ...）， 内部样式是内嵌式的 样式：{'text-align'： 'Center'， ....} } ... ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我想学习如何使用视频组件，但演示网站上的（http://grapesjs.com/demo.html 年）似乎不起作用？ 把视频组件放进画布里，会显示一张带有灯光的静态照片。如果我点击编辑图标，照片编辑器会打开，但没有内容和工具栏，控制台里还有很多 JS 错误。
artf
这不是照片，而是视频（我刚关闭了自动播放），如果你切换控制并打开预览，应该能看到播放。 关于编辑按钮，我觉得是个bug，不应该在那里，我稍后会检查
roytang
如何切换控制并开启预览？
artf
![正文编辑]（https://user-images.githubusercontent.com/11614725/32446045-f2c025aa-c307-11e7-876e-5bbb83c4ef0b.gif）
使用类似 https://player.vimeo.com/video/240175862?autoplay=0&title=0&byline=0&wmode=transparent 的网址时 视频已启用自动播放。这不正确
vizardkill
YouTube也是一样，自动播放功能不起作用
你好， 我们最近将 GrapesJS 从0.8.8更新到了0.12.15。升级后，我发现RTE工具栏莫名其妙地出现在顶部面板。我尝试做了一个干净的 grapesjs 调用（从维基复制）： 但工具栏依然存在： https://i.imgur.com/gcaBti2.png 当我双击“Hello world”文本后，RTE工具栏就在它附近出现，然后从顶部面板消失了。但如果重新加载页面，它又会出现在那里。 有什么建议可以防止它在那里出现吗？
artf
看起来渲染时并没有隐藏，下次版本会修复
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我正在尝试构建一个自定义组件，内容中包含一些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（{ ... ```
抱歉标题有点模糊。我不太确定如何简洁地描述。我有一个自定义块，想限制只有图片可以被丢入块的某个部分。我尝试过类似这样的方法： 然而，当我这样做时，尝试将方块从方块调色板中拖出时，会出现以下错误： ... 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 （VM6196...
roytang
既然你的评论已经修正了我遇到的原始错误，我会关闭这条评论，专门发一条评论来解答关于可丢弃属性使用的问题。
artf
当你定义新的组件类型时，“视图”是必不可少的 “''js comps.addType（'image-container'， { 模型：defaultModel... 查看：defaultView; }); ```
roytang
谢谢！添加 defaultView 确实解决了错误，但我仍然无法实现我想要的操作——我似乎无法将图片放入上面样本的“image-container”部分。当我尝试把图像组件放在那里时，它反而入到包含“测试块”的区域里。 我的测试代码现在是： 我是不是用错了“可掉落”这个属性？只需要是CSS选择器，对吧？
你好@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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我发现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 （试着搜索'选项'） 我觉得最好把那些造型全部删掉
我们正在构建一个模板，它会渲染带有背景图像的 div，鼠标悬停时会显示一些文本，点击时会有超链接，应该会引导用户到图片下方的标题。 我们已经构建了模板，但无法以用户丢弃模板后弹出窗口，提供所有必要信息，用户提供后再渲染模板的方式
artf
请查看这里 #286
krunal039
@artf谢谢回复，但我还是不明白如何用组件来创建模块，因为组件是构建模块，模块会由组件组成。我们希望有一个单一窗口，用户可以提供所有关于块掉落的信息。
artf
可以查看[块]（https://github.com/artf/grapesjs/wiki/Blocks）和[组件]（https://github.com/artf/grapesjs/wiki/Components）文档