PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
大家好， 我正在使用 grapesjs-webpage-preset 插件，我想把我的 gjs-html 和 gjs-css 结合起来，这样所有样式都是内联的。 我之前用“juice”做到了，现在我想基于我新合并的 gjs-html 和内联 css 来存储 gjs-components 。 有什么建议吗？
prosenjit-manna
你想用它做新闻通讯吗？请参阅仓库 https://github.com/artf/grapesjs-preset-newsletter
Amir2828
其实我本来想这么做，这样我就能用带有内联样式的预设网页，但我已经成功做到了。如果我能用“juice”和一个把HTML转换成组件的函数，那会很有帮助。 除非没人知道已有的通用知识函数，否则这篇帖子可以关闭。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，自从最新版本后，我发现当我使用可丢弃查询选择器使用“[data-gjs-type=”my-component-type“]时，似乎不再工作了。 我已经添加了两个 codesandbox 演示来展示问题所在。 我搞不清楚到底发生了什么变化。 希望对你有帮助，谢谢！你正在提交一个漏洞你用的是最新版本吗（旧版本不支持）？ 是的你是在本地版本GrapesJS还是当前演示版遇到这个bug？ 最新版本为0.14.61。预期行为是什么？ 在可丢弃选择器中按类型定义的组件，可以检测并只允许丢弃指定的类型。接下来会发生什么？ 组件不再被识别，也不能直接插入该组件。如果你能复现该漏洞，请标明所有必要步骤创建两个组件和两个模块。一个组件带有可丢弃...
artf
好吧，看起来回归是通过这个变化引入的：https://github.com/artf/grapesjs/commit/702ba828b13bae4b64bfd7bc79f23d8909d757f4#diff-6aa74cf54855daa6ca63a5d1e8b77c44R358 我会在下一个版本里修正它。谢谢你的报告
你好， 我有个问题，不知道是我的代码问题还是Grapejs本身的问题， 对于LINK工具，它会从我的数据库中提取链接，比如link1、link2，然后我把LINK工具放到我的页面，保存在BD里。 我把 link3 添加到数据库里，然后当我去编辑之前创建的包含 LINK 工具的页面时，我只看到 link1，link2，但如果我选择新的 LINK，三个链接都会被加载。 现在又出什么问题？！
artf
我觉得你和#2007的情况一样
ahmedeldeeb25-zz
![截图，2019-05-12 13-06-21]（https://user-images.githubusercontent.com/14032350/57581380-f3859a80-74b6-11e9-9f17-fa8491707908.png） ![2]（https://user-images.githubusercontent.com/14032350/57581381-faaca880-74b6-11e9-9cff-f98d34f6cab9.png） 我也做了...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我以前用“editor.addComponent（）”添加自定义html。 大多数时候它运行良好，但当我尝试插入一个包含大量子元素的大型 HTML 时，画布会变黑且无法修改。我只能重新加载整个编辑器才能让它重新工作。
artf
画布变成黑色 真奇怪。 你能制作一个可重复的演示吗？如果需要，可以上传模板
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我在修改它们的特性之前创建了一些自定义组件（比如，我为它创建了一个新的特性），这些组件不会包含新的特征。如果我把一个新组件拖到编辑器里，它就会显示它。 繁殖步骤： 1）创建自定义组件并编译代码 2）将此自定义组件拖入编辑器 3）将更改保存到数据库中 4）通过添加新特征修改组件并再次编译 5）从数据库加载组件 6）加载的组件不会有新的特性 我会加载并保存所有数据到数据库：样式、CSS、组件和html。 load（keys， clb， clbErr） { 模型加载 const content = model.template[language.locale]; 删除content.assets;如果有资源，请删除 CLB（内容）; }...
kaoz70
@Lakshit-Singhal 在这种情况下，我认为最好的选择是创建一个自定义插件，在初始化 GrapesJS 之前，先调用 API，获取这些值，并通过插件的选项在初始化函数中传递，这样这些值在特征初始化时就能显示出来。查看关于如何[创建自定义插件]（https://grapesjs.com/docs/modules/Plugins.html#basic-plugin）的文档，或者看看我的插件：[GrapesJS Bootstrap 4]（https://github.c...
artf
这是因为编辑器还将特征信息存储在组件中。你可以在扩展组件并更新其 toJSON 方法时删除这些信息 “''js const typeModel = domc.getType（'my-type'）.model; domc.addType（'my-type'， { 型号：{ ... toJSON（） { const result = typeModel.prototype.toJSON.apply（this）; 删除result.traits; 返回结果; } } }) ```...
ahmedeldeeb25-zz
@artf这移除了自定义特质！！正如我在#2007中提到的
在同一文本里可以做个不错的变化，比如不同单词的颜色，比如加粗或斜体，或者添加新的字段颜色。
artf
您可以通过[富文本编辑器API]（https://grapesjs.com/docs/api/richtexteditor.html#add）添加新操作。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
添加类名时，编辑器允许你创建在CSS中无效但在HTML中有效的类名（例如“123”）。由于该工具添加类名主要用于样式设计，当类名对CSS无效时添加警告可能是合理的。
artf
你可以通过“selector：add”事件自己添加这种警告（甚至应用你的逻辑修正无效名称） “''js editor.on（'selector：add'， selector => { const name = selector.get（'name'）; 如果 （nameNotValid（name）） { alert（“职业变更”）; Selector.set（{ name： 'fixed-${name}' }）; } }); ```
benvmatheson
太完美了。谢谢！
我想做一个显示模态的按钮，然后在模态中添加一些组件或块。
artf
一开始，你应该为模态创建一个组件，可能带有触发可见性的特质，然后创建一个按钮来触发该可见性
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我的测试案例：https://codepen.io/jogai/pen/QRjKyN?editors=1111 我想选中中间列，所以我想用selectorManager.get（）但没有选中我期望的。 我提供类名（因为id本身就不行），带有类名的元素有4张图片。但如果我在集合里看，我看不到子元素。 我用错了吗？我应该用其他选项初始化 selectorManager 吗？
artf
[选拔经理]（https://grapesjs.com/docs/api/selector_manager.html） 用于管理选择器实体（例如添加、更新和移除类），而非选择组件。就你而言，应该这样做： “''js editor.on（'load'， （） => { editor.select（editor.getWrapper（）.find（'.finder'）[0]） }); ```
Jogai
谢谢你帮我澄清了误会！
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
当用鼠标调整图像大小时，图像不会完全拉伸到画布边缘，右侧会留下空白。如果调整尺寸——>宽度，你可以把它拉到画布边缘。 ![图片]（https://user-images.githubusercontent.com/9043745/57339111-75f41000-70ed-11e9-9d54-0d413f181940.png） 如果你拖动足够多的元素到画布上让滚动条出现，滚动条会填补图像无法填满的空白。看起来拖拽只是考虑到滚动条，不会填满滚动条的区域，即使滚动条还不存在。 ![图片]（https://user-images.githubusercontent.com/9043745/57339104-6b397b00-70ed-...
artf
多亏了@benvmatheson延迟，我似乎完全忘了这个问题😂。 我也为完全无视他的PR 😬向@giorgiosjames道歉，因为我必须关闭它，因为他说得对，我们可以正确且动态地完成，无需依赖某种选项（只需确定身体宽度而不是iframe）。 修复将在下一个版本中发布
artf
不确定，但也可能是调整尺寸配置的问题 https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L353
giorgiosjames
这似乎是由于这里的填充值引起的： https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L449 将这个值设为0后，我可以将组件调整到画布边缘。 不确定为什么会有这个垫子，或者拆掉它会不会弄坏别的东西。