PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 3,464 个问题

#25362020年1月29日作者 andy-aware3 个回答
3 个反应

背景图内嵌

你好， 看了文档，我找不到任何地方解释我想要做什么。 目前，Grapes 抓取背景图像并放入样式中，但我想把这张图片不添加到背景样式中，而是想把它放到被选中的元素上的数据元素中。 我一直在关注： editor.on（'component：styleUpdate'， function（e， i）{}）; 但在这里，我找不到需要针对的正确属性来触发更改，而且当画布新增了物品时，它似乎也不会更新。我可能错了，但我一直在打转。

pouyamiralayi

你好@awaredigital StyleManager 同时针对组件和 CSSRules，所以请按以下方式操作： 干杯！

andy-aware

那太好了。我该如何停止 model.getStyle（）['background-image'] 被传入CSS吗？只有背景图。 谢谢

pouyamiralayi

@awaredigital我测试了上面的代码，运行正常。 但对于该错误，您可以在进一步处理前检查“BG”，因为在我们更新组件样式后，可能会再次收到回调，这正是您的情况： 干杯！

查看详情
#25352020年1月27日作者 eyeamkd3 个回答
2 个反应

File://unpkg.com/grapesjs 网：：ERR_FILE_NOT_FOUND

我按照入门指南操作，遇到了这个错误。 CDN链接可以正常，但unpkg链接会给我这个错误。 ![grapeBug]（https://user-images.githubusercontent.com/31094327/73159762-4c609600-410d-11ea-877a-05b35710eaa6.png）

pouyamiralayi

@eyeamkd 确保它是这样： CSS的“https://unpkg.com/grapesjs/dist/css/grapes.min.css” 以及 “https://unpkg.com/grapesjs”代表js 另外，你还可以使用 [Grapesjs CLI]（https://github.com/artf/grapesjs-cli），它会在底层帮你完成设置和依赖配置。 干杯！

eyeamkd

好的！！谢谢你@pouyamiralayi

pouyamiralayi

@eyeamkd[gettingstartedguide]（https://grapesjs.com/docs/getting-started.html#import-the-library）提供的链接都正常工作！ 干杯！

查看详情
#25342020年1月25日作者 andy-aware1 个回答
0 个反应

更换图片

你好， 我一直在 GrapesJs 上阅读大量资料，了解如何构建组件并将其分配到模块中。但过了一段时间，我觉得用组件并不是正确的做法。 我想替换图片src，并为图片设置data-src，但我只想在存档里做这件事。 我有一个存储管理器，只需通过data['html']将数据传递到文本区域。 Grapes 有没有什么途径可以做到这一点？ 谢谢

pouyamiralayi

@awaredigital你可以在 grapesjs[尝试存储组件和 html]（https://grapesjs.com/docs/api/editor.html#storages）之前，针对你的具体情况执行文本替换等操作。 ''editor.on（'storage：start：store'， objToStore => {} ）'' 干杯！

查看详情
#25332020年1月25日作者 nawaz1233 个回答
3 个反应

打开块 UI 组件在已下载（localhost）的 grapejs 仓库中不可见

右上方的“打开方块”UI 组件在下载（localhost grapejs ）仓库中不可见，如截图所示。 ![grapejs-本地主持人（https://user-images.githubusercontent.com/2770455/73122102-b90b5180-3fa2-11ea-8c05-75754091d563.PNG） 而右上方的UI组件则可在在线演示页面（https://grapesjs.com/demo.html）中看到。 ![演示页-grapejs]（https://user-images.githubusercontent.com/2770455/73122119-efe16780-3fa2-11ea-9e...

pouyamiralayi

@nawaz123你可以通过使用 [grapesjs 网页预设]（https://github.com/artf/grapesjs-preset-webpage）来获得它们。 干杯！

nawaz123

@pouyamiralayi谢谢，这正是我想要的。

nawaz123

请指导我如何解决这个问题？

查看详情
#25322020年1月25日作者 nawaz1231 个回答
0 个反应

在 Downloaded（localhost）Grapejs 中，UI 中的开放方块组件不可见

警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文，例如：“[虫子]：.......'先快速搜索一下，看看有没有人没开同样的问题不要要求为你创建示例或代码，先阅读文档和API，然后你可以发布你尝试过的（我们希望看到你的代码）以及你无法实现的所有相关陈述/问题都必须填写/回答，否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗（旧版本不支持）？如果不确定，在控制台输入“grapesjs.version”并按回...

nawaz123

界面中的开放方块组件在已下载（localhost） Grapejs 中不可见，如截图所示 ![grapejs-本地主持]（https://user-images.githubusercontent.com/2770455/73121725-ff5eb180-3f9e-11ea-9a82-e8a8193a7507.PNG） 而 UI 中的 Open block 组件则可在演示页面（https://grapesjs.com/demo.html）中看到。 ![演示页面-grape...

查看详情
#25312020年1月24日作者 darkcavalry2 个回答
3 个反应

替换字体超棒图标

你好， 我在项目中使用 Font Awesome 5，之前问过的问题 grapejs我被检查过，Font Awesome 可能被移除了。 所以，我用面板/块选项替换了一些图标，用来给 Awesome 5 字体，但我在编辑器里找不到一些图标参数。当我点击元素时，拖动并移除图标却不出现，我该如何找到那个元素选择器？另外，样式管理器在面板上显示超大加号图标，我该如何移除它？ ![grapes]（https://user-images.githubusercontent.com/5808540/73094469-b270d180-3ef1-11ea-8b8f-08e90ec94da1.jpg） 当我把Font Awesome改成4时，其他...

artf

关于更改工具栏图标，我建议查看以下问题#1632样式管理器在面板上显示超大加号图标，我该怎么移除？ 下次版本会修复，目前请使用这个[临时修复]（https://github.com/artf/grapesjs/issues/2490#issuecomment-573441236）

pouyamiralayi

你好@darkcavalry你见过这个[PR]（https://github.com/artf/grapesjs/pull/2240）吗？ 干杯！

查看详情
#25302020年1月24日作者 alemenciones2 个回答
1 个反应

如何从可选子节点拖拽父组件

我有一个组件类型“table”，我发现移动这个表格，拖拽她的内部组件（可选组件/可样式化）（TH、TD、......）这有可能吗？非常感谢

alemenciones

谢谢兄弟，不过我正想找类似的东西（只是绝对模式）。 editor.on（“run：tlb-move：before”， （targetCollection） => { Obtengo referencias al componente seleccionado var target = targetCollection.target; var el = target.view.el; Verifico si tengo un componente padre que me i...

pouyamiralayi

@alemenciones 通过箭头图标选择父权： ![箭头]（https://user-images.githubusercontent.com/53266765/73119530-72a0fd00-3f78-11ea-82cf-9c6d4677e69c.png） 然后像下面那样拖动父级： ![加]（https://user-images.githubusercontent.com/53266765/73119566-12f72180-3f79-11ea-89a5-640...

查看详情
#25292020年1月24日作者 vellmur2 个回答
1 个反应

如果先移除 gjs-cell 组件，就无法选择/移除/编辑 gjs-row 组件。

在单独移除 gjs-cell 后，无法选择/选择/删除 gjs-row。没有单元格的行存在于封装器中，但无法高亮和选择。 示例： <img src=“https://raw.githubusercontent.com/VelMrnk/Images/master/ezgif.com-video-to-gif-3.gif”></img>

vellmur

你好@VelMrnk这不是个bug，因为这行是空的，没有自己的高度，你看不到它（确实还能从图层中选择）。如果你想改变这种行为，只需更新组件CSS（例如使用'min-height'或'：empty'伪类）。 你好，@artf，谢谢回复。你说得对，这是CSS的问题，因为高度不存在。而且，添加最小高度对Firefox浏览器也没什么帮助。这是因为“display：table”规则。 于是我添加了CSS代码： '.gjs-row：empty { 最小高度：60像素; 显示：方块 ;}...

artf

你好@VelMrnk这不是bug，因为那行是空的，没有自己的高度，你看不到它（确实还能从图层中选择）。如果你想改变这种行为，只需更新组件CSS（例如使用'min-height'或'：empty'伪类）。

查看详情
#25282020年1月24日作者 mtasic-realware1 个回答
0 个反应

图层移动事件？

当图层移动时，有可用的事件会触发吗？ ![图片]（https://user-images.githubusercontent.com/55843134/73080303-e7672f00-3ec5-11ea-95ce-c30dada68271.png） 我尝试过分拣器（sorter：drag：start）、block：drag：start ......什么都没发生 我发现有个事件叫 startSort，但我没法正确设置。我在 angularjs 上用 grapesjs，添加像这样的事件 grapesEditor.on（'sorter：drag：start'， function （drag， drop） {

artf

https://github.com/artf/grapesjs/issues/2500#issuecomment-576463783

查看详情
#25272020年1月24日作者 csb3461 个回答
3 个反应

基于链接块的自定义组件，带有默认的 href

嗨！ 我在Laravel项目上有一个GrapesJS集成，页面上直接有自定义组件（每个方块都应该是内容的块链接）。到目前为止，我就是这样复制了 block link 组件 到目前为止一切顺利。但我需要每个组件默认都有自己的href定义。无论是否可编辑。 大致是这样的： 'href： 'http://url.com/content/{{ $content->id }}'， 找不到解决办法。有什么建议吗？ 谢谢

pouyamiralayi

@csb346你可以定义一个新的[自定义组件类型]（https://grapesjs.com/docs/modules/Components.html#define-custom-component-type）： 然后在方块内使用： 只要记住，你必须在 [plugin]（https://grapesjs.com/docs/modules/Plugins.html#basic-plugin） 里定义你的自定义组件类型。 干杯！

查看详情

浏览所有主题