PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 231 个问题
🔍 general嘿，@artf希望你一切顺利，也感谢你这么棒的项目。 所以，我尝试让这种图像类型只被放入特定的块类型中。
GJSBlock
谢谢你举报，@sanchit36。 关于[问题]想限制图片类型只在列中丢弃的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something cha...
版本： ^0.17.19 你能重现演示中的bug吗？[x] 是的[ ] 不 预期的行为是什么？ 我预计这门课会保持我命名的那个。 详细描述那个漏洞* 当你在DOM中添加一个包含斜杠“/”字符的职业时，该斜杠字符会变成破折号“-”。 详细描述那个漏洞 <img width=“387” alt=“Snímka obrazovky 2021-07-15 o 12 01 57” src=“https://user-images.githubusercontent.com/75263268/125770945-6e83a6f8-d212-420c-968c-659f7c59941a.png”> <img width=“823” alt=“S...
notauserx
我也遇到过同样的问题。查了一下源头，我发现这是因为 [https://github.com/artf/grapesjs/blob/8b423fdf093865a6bf55dc8285030ce99c111d6d/src/selectormanager/model/Selector.js#L123]（网址） 基于[https://github.com/artf/grapesjs/blob/8b423fdf093865a6bf55dc8285030ce99c111d6d/src...
GJSBlock
谢谢你举报，@simxn1。 类别中“/”变为“-”的问题似乎是竞争条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含...
通过 setComponent 加载 HTML 时，引号变为“”“，小于符号变为”<“。 任何帮助都将不胜感激！
artf
谢谢@jamesshin5这个问题会在下一个版本中修复。
jamesshin5
非常感谢你！你觉得下一次发布会是什么时候？我尝试过一个变通方法，直接用脚本在画布上添加一个组件，但想尽快改回去
artf
我希望很快，但具体日期不确定。如果有用的话，我们会在推特账号自动推送新发布的作品：https://twitter.com/grapesjs
你好，artf， 我已经实现了多张图片上传并保存到远程数据库。 就像如何上传单视频并保存远程数据库一样 因为每次我们都需要把所有视频放到远程文件夹，然后配置成视频标签的src。这需要很多时间 请指导我实现它。
GJSBlock
感谢你报告，@san-123。 关于如何添加视频上传并保存到后台的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'...
它是文本成分， 如果选择正文，文本会在组件到HTML方法中进行修正保存/应用/存储， 如果只是更新文本，但不保留文本部分，只需点击保存 然后使用“editor.getHTML（）”，结果不会更新。 ![Snap77]（https://user-images.githubusercontent.com/6985829/125385798-c8b46b00-e3cd-11eb-99e3-53b7b915672b.jpg）
v-pasha2
你找到解决办法了吗？
v-pasha2
我们在“0.17.19”版本遇到以下问题，而在“0.14.62”版本中运行正常。 我们尝试的是内联编辑体验，所以当我们检查component.getEl（）函数时，它返回的是组件的更新文本，而如果用component.toHTML（），它会返回旧值，而不是更新后的值。虽然重点仍然是文本部分。 参考HTML。 toHTML（） out out <div id=“i8h4tu”><p id=\“iwcefk\”>本网站使用示例数据进行说明。你可以用多个模板来构建页面。</p><...
v-pasha2
@artf你能帮我检查一下，或者有什么解决办法吗？
你好！发现了一个背景色的bug。在样式中，不能通过颜色选择器将它设置为“#000000”。这里有一个演示，但你可以自己在 grapesjs 演示中查看： https://user-images.githubusercontent.com/37115006/125304571-62303e00-e336-11eb-9e5d-a5e9d3b1c7e2.mp4 其他颜色也没问题。
GJSBlock
谢谢你举报，@kuhelbeher。 背景色无法设置为#000000的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原...
当点击“查看代码”并选中画布中的元素时，代码查看器可以显示对应代码并选择外部HTML——这对于即时复制或快速检查非常方便。
GJSBlock
谢谢你举报，@gMakaan。 关于FEAT： 代码查看器——前往选定画布块的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件...
如果用户删除元素中的所有文本并点击其他地方。然后再试着选择空元素，他又选不中，因为它是隐藏状态，我不知道它去哪了。所以针对这个问题，我用的是这段代码 该代码在文本中设置空格，如果用户从元素中移除所有文本。通过这样做，这些元素不再是空元素，因此 i 不会隐藏 。我们再次选择 。如果用户逐个移除文本字符，则运行良好。但现在的问题是，如果用户用 CTRL + A 选择文本，然后用退格键删除。目前上述代码无法使用。有人能帮帮我吗？
artf
正如这里已经建议的 https://github.com/artf/grapesjs/issues/3603#issuecomment-885305546 避免现在这样操作，添加一个简单的默认CSS，以防元素空着
NoumanAhmad-Braqsol
谢谢，我明白了！
GJSBlock
感谢你报告，@NoumanAhmad-Braqsol。 感谢你分享关于 editor.on（'component：update：content'， model => { }}） 在某些原因下无法正常工作的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么：** 简约代码示例（不是你整个项目） 屏幕录制或截...
首先，感谢你提供的@artf。因为我正在做一个项目。我在编辑文本时遇到了一个问题。如果我选择文本框并编辑文本，它就没问题“，但如果我删除所有文本，点击别处，再尝试选择文本框。但没用，因为空文字会隐藏，也没有再选中。如果我在DOM里检查，它存在<p><p>但空的。为什么它没有再次选择空？<p> 此外，我想在悬停时只选择文本框。我不需要先点击框框再编辑。我们能在悬停文本字段时自动打开CKeditor吗？ 提前感谢大家
artf
我觉得更多是布局问题。由于该框没有文字，它会失去尺寸，所以很难重新启用。无论如何，你可以扩展文本组件，添加一些额外的样式，方便选择空置。 对于悬停，你需要扩展文本组件视图，并在悬停时绑定 onActive 方法。
GJSBlock
感谢你报告，@NoumanAhmad-Braqsol。 关于文本编辑问题“的好问题。如果文本被删除，文本就不会再次选择。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console....
我想听编辑器图层管理器里的眼睛图标，然后根据它来写自定义样式。我们有没有办法做到这一点？ 我从[另一个问题]（https://github.com/artf/grapesjs/issues/3154#issuecomment-733693886）中获得了代码，我想从这里扩展toggleVisibility方法。可能吗？如果是这样，我们该如何做到？ 其次，我想在可视化图标变化时对所选元素写自定义媒体查询，怎样才能以最佳方式实现？ 谢谢你
GJSBlock
谢谢你举报，@sathyanarayananaCES。 关于[问题]：图层管理器中可见性（眼睛）图标的事件监听器，这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （）...