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

GrapesJS 问题

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

找到 3,464 个问题

#24932020年1月7日作者 andrewryan19062 个回答
0 个反应
不活跃

将组件拖曳到画布时数组长度无效

不太清楚为什么， 但突然间，当我开始把组件拖到画布上时，会出现这个问题： ![图片]（https://user-images.githubusercontent.com/37671394/71865841-2fb6dc80-30d2-11ea-8fa2-d43af2863f70.png） 这种情况似乎发生在我编辑模板、保存后重新加载时。当我尝试拖动新组件到页面的最后一个元素时，似乎也会出现这种情况;如果我尝试在模板内的DIV容器内拖动并放入元素，那就没问题。但如果我尝试在模板开头拖动它，我会看到我在#2494中引用的重复项目。我觉得这和这有关;某个地方存在一个不该是空的空数组。 不打算在应用之外搭建一个完整的沙盒来复现，有没有什么...

andrewryan1906

还有另一个线索......一旦画布“坏掉”（我可以通过刷新页面并强制加载来稳定地解决......这种情况在新模板上不会发生，只有从自定义存储加载模板时才会出现，但我确认 JSON 没有损坏），如果我把一个组件拖到画布上，它会生成该组件的“幽灵”副本，尽管我没有丢弃它。每次我悬停到画布顶部，都会生成一个新的幽灵组件——同样，尽管我没有掉落。下方图片： ![图片]（https://user-images.githubusercontent.com/37671394/718687...

andrewryan1906

好的， 我设法把grapes.js放进了我的Angular项目里，并引用了它而不是缩小版，这样我就能更深入了解到底发生了什么。问题似乎出在Sorter.js。findPosition 方法负责确定光标悬停在哪个元素上。不知为何，这行代码： 正在回归，NaN。这会在整个代码中进行欺骗，导致数组长度无效。 当我看调光灯时，它是一个二维数组，包含所有——我猜？- 画布上组件的尺寸，我看到： ![图片]（https://user-images.githubusercontent.c...

查看详情
#24912020年1月6日作者 sukheja-varun1 个回答
1 个反应

Anglar 中将事件附加到新插件的问题

大家好， 我试图在我的 Angular 项目中为 Grapejs 添加一个新插件。 需求：新插件，产品名称。当用户在HTML中插入产品插件时，应该会打开一个模态，用户可以输入一些属性，并有一个自动补全搜索，用户可以搜索多个产品，并提交模态，我必须将这些产品注入HTML格式。 我查了文档，找到了下面的例子 但当我尝试做这个时，我却无法做到：将任何事件附加到新插件上调用API注入自定义HTML

pouyamiralayi

@sukheja-瓦伦将任何事件附加到新插件上 在插件内，你必须先定义一个自定义类型组件： 然后定义一个使用我们之前定义的自定义组件类型的新块： 对于模态，我们定义以下函数： “createContent”会生成你模态的内部html。 “applyChanges”是模态内提交按钮的点击处理程序。最后： 现在我们有了组件作为一个块，并且有办法显示模态，我们需要在插件内为 [drop event ]（https://grapesjs.com/docs/api/editor.ht...

查看详情
#24902020年1月6日作者 eD5722 个回答
1 个反应

：风格经理有一个巨大的+符号

你好，艺术， 风格管理器中的 Classes 属性似乎有问题，一个巨大的加号总是自动显示，无论我在本地使用还是在你的演示中使用。 版本：截至今日为止的最新 浏览器：Mozilla 操作系统：Ubuntu 18.04 Bug：风格管理器上的巨人+ ![虫子]（https://user-images.githubusercontent.com/59544748/71788740-ffcef100-305f-11ea-85fe-040b5ddecfd0.png） 嘿，艺术，更新一下，好像是Mozilla的特点。用 Brave、Opera、Chrome、DuckduckGo 和 Mozilla 在手机上测试，只有 Mozilla 出现了这...

artf

好的，谢谢你的报告，我会在下一个版本中调整它们，目前你可以用这个CSS作为临时修复： “''CSS .gjs-clm-tag-status， .gjs-clm-tag-close { 宽度：12像素; 高度：12像素; } .gjs-clm-tags-btn { 宽度：24px; } ```

senchden

可以在Firefox 72和MS Edge 44.18362.449.0上确认。用网页演示版本0.15.10测试过。几个视图图标大小不正确： ![图片]（https://user-images.githubusercontent.com/31250983/72080121-7a1ba180-32fc-11ea-9d9b-be64f4610a2c.png）

查看详情
#24882020年1月3日作者 logeshkrishna03 个回答
0 个反应
无效问题

如何为 gjs 悬停类重新配置 css 属性

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

logeshkrishna0

![截图来自2020-01-03 15-00-41]（https://user-images.githubusercontent.com/52228872/71716187-e51b3300-2e39-11ea-9bed-72e75a02b587.png）

logeshkrishna0

![截图：2020-01-03 15-00-55]（https://user-images.githubusercontent.com/52228872/71716198-ecdad780-2e39-11ea-8342-9c6ddd5d1c6d.png）

logeshkrishna0

@artf你能帮帮我吗

查看详情
#24872020年1月2日作者 msantore3 个回答
5 个反应

更新特征会重置组件样式

我在特质方面遇到了一些问题，想知道这可能是个bug。 当我更新fontColor或fontSize特征时，其他特征都会重置。 视频： https://www.loom.com/share/6a40830699ad4c4590363f2641a07eac 代码： https://github.com/msantore/vue-builder/blob/master/src/plugins/materials/components/index.js#L362 GrapesJS 版本：0.15.9

pouyamiralayi

@msantore你使用的是“setStyle”，它会覆盖之前的样式。请按以下方式使用： 干杯！

msantore

这样解决了，谢谢！

artf

你也可以用'addStyle（{ color： '${value}' }''，它做同样的事情

查看详情
#24862020年1月2日作者 andrewryan19061 个回答
12 个反应

我该如何为所有现有的组件类型添加一个特性？

我想浏览所有现有的组件类型，并在模型>默认中添加一个特性，但不知道该怎么做。根据文档，我应该能（在我的插件里）： 但这样会覆盖特质数组，移除现有特质，这不是我想要的。下一步是尝试获取旧特质并与新特质合并——但我不知道如何拉取每种类型的默认特质来实现这一点。 我怎样才能给所有（或部分）组件类型附加一个性状？

pouyamiralayi

@andrewryan1906拉取默认特质： 所以你的特质定义如下： 干杯！

查看详情
#24842020年1月1日作者 electrotype2 个回答
0 个反应

使用Json对象自定义存储/加载，无需使用“存储”API。

我使用的是最新版本，0.15.9，而且我是这个很棒项目的新手！我现在正在从零开始学习很多东西。如果你更喜欢在Stack Overflow或其他地方提问，请告诉我。 我想自己导出/导入内容，不用“存储”API。我看到“store（）”函数会将导出的内容以JSON对象的形式返回，这对我来说非常完美！但那我该如何程序化地导入这个 JSON 呢？我觉得“load（）”函数不把导出的JSON对象当作参数，而是强制你使用“存储”API，对吗？ 换句话说，有没有办法用导出的内容作为 JSON 对象，程序化重置 GrapeJs 实例的状态？

electrotype

我想我用以下方法弄到的： 然后： '让导出 = editor.store（）;' 并且： 'importFrom（export）'; 不过，我觉得这感觉并不完全“对”。我希望能有一个函数版本，可以直接指定导出的 Json 对象！

artf

使用自定义存储实际上是最好的方法我希望能有一个函数版本，可以直接指定导出的Json对象！ 没人限制你更新导出ToLoad功能

查看详情
#24832019年12月31日作者 andrewryan19062 个回答
1 个反应

默认型号名称无法持久保存到本地存储

当我创建新的主导组件时，我会在“defaults”部分给它起个名字，比如： “''js domComponents.addType（''ugly-type-name'， { 型号：{ 默认值：{ 标签名称：“组件”， 名称：“Foo Bar”，<----- 属性：{ “组件ID”：component.id }, 特质：[{} ] } }, ``` 当组件被拖到画布上时，Foo Bar字符串会像应该的那样以徽章形式显示，文本也出现在图层面板中，一切都很正常。但当画布被持久保存到存储状态，刷新页面时，徽章现在显示了那个难看的字体名，图层里也会出现。 我到底哪里做错了？

pouyamiralayi

@andrewryan1906请在[插件]（https://grapesjs.com/docs/modules/Plugins.html）中定义你的组件类型。 干杯！

andrewryan1906

这样可以，谢谢！

查看详情
#24822019年12月31日作者 andrewryan19063 个回答
0 个反应

我该如何更改默认组件的名称？

我注意到画布上到处都是“Box”这个词，指的是默认容器。我想改变这一点 我在画布上找到了 customLabel 策略函数;这样可以，但一旦实现，模板设计器中标记其他地方的默认行为就消失了。我不想要那样。 实际上，我只是想把“默认”容器的名称改成“响应式容器”。 最好的方法是什么？ 安德鲁

artf

你可以通过更新字符串 [i18n]（https://grapesjs.com/docs/modules/I18n.html） 来实现 “''js Grapesjs.init（{ ..., i18n： { 消息：{ 英文：{ domComponents： { 姓名：{ ''： '响应式容器'，// 默认键为空 } } } } } }) ```

andrewryan1906

太棒了！谢谢。

andrewryan1906

嘿......这方法有效，但会使其他所有名字都被排除。我该如何覆盖这个名字？

查看详情
#24812019年12月30日作者 andrewryan19061 个回答
1 个反应

无法在画布内使用Font Awesome Icons

首先，这个项目做得很棒。真不敢相信这种事真的存在。 好的，过去几天我一直在看文档，现在开始自己组装组件。然而;模板设计时，我希望我的组件渲染方式不同。我能看到我可以拦截渲染并修改它。 但我正在尝试渲染这个： 而且不知为何，这个字体超棒图标无法渲染。这个图标在渲染像这样的方块时也能正常使用： 后来我发现画布里没有Font Awesome图标。为什么？

andrewryan1906

其实我写到一半才发现这个问题，但决定先写完，留在这里，以防有人遇到类似情况。 画板、方块等使用的样式不适用于画布内部的样式，因为画布处于一个iframe中。问题是我没有在画布里安装 Font Awesome 的 CSS（但外层应用里装了，所以它能用块）。 你可以在初始化中这样做： 另外——如果你想改变画布内物品的外观，可以用 baseCSS 属性添加内联样式。 谢谢， 安德鲁

查看详情

浏览所有主题