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

GrapesJS 问题

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

找到 203 个问题

🔍 enhancement
#34472021年5月10日作者 lbmir4 个回答
2 个反应
组件增强提问文档typescript

Javascripts are not working due to encoding issue

1 - 我复制了打字文本组件代码，而不是演示HTML代码; 2 - 并增加了allowScripts：1; 你可以在这里看到示例：http://bashworld.ru/demo.html 点击 查看代码，我们会看到许多 JS 编码字符。 我该如何解决这个问题？我需要解码所有 &， <， >， ' 字符， 请参见下方剧本 ![哇哇]（https://user-images.githubusercontent.com/40471188/117637617-6788d500-b19b-11eb-9564-7dc8b12dd797.png）

Ju99ernaut

不建议使用 'allowScripts： 1'，无论如何，在你的情况下，为什么不直接拖入打字块呢？如果必须在 From 元素中包含它，可以用： '''html <div id=“gjs”> <div data-gjs-type=“typed”></div> </div> ```

Ju99ernaut

你应该正确设置存储设备 https://grapesjs.com/docs/modules/Storage.html#basic-configuration

lbmir

@artf 你能帮帮我吗？

查看详情
#34432021年5月7日作者 chilled-capybara4 个回答
0 个反应
依赖安全提问缺陷增强

Backbone-undo/underscore security advisory

版本： v0.17.3 你能重现演示中的bug吗？[x] 是的[ ] 不 预期的行为是什么？ 见下文 目前的行为是什么？ 嵌套依赖使用的某个underscore版本存在已知的安全漏洞。 当前版本的grapejs利用了backbone-undo ^0.2.5 https://github.com/artf/grapesjs/blob/d7f773202c72710dd787e2ce418c114c9ef81986/package.json#L20 最新版本通过[npm]（https://www.npmjs.com/package/backbone-undo?activeTab=versions）0.2.5 backbone-undo...

emyasnikov

我也在想是否需要“骨干撤销”，或者可以用类似的替代。这个套餐已经6年没更新了

artf

这个套餐已经6年没更新了 嗯，除了更新依赖（比如出于安全考虑），它是一个功能完整的库，不需要添加或更新其他东西。 总之，这个[PR]（https://github.com/artf/grapesjs/pull/3439）似乎修复了.lock级别的安全漏洞，但我不确定它们是否会保留在全新安装中。 我知道纱线有针对这种情况的“解决”，但不确定NPM里有没有其他替代方案。

chilled-capybara

谢谢你的回复总之，这个[PR]（https://github.com/artf/grapesjs/pull/3439）似乎修复了.lock级别的安全漏洞，但我不确定它们是否保留在全新安装中。 我觉得这可能会修复主 grapejs 仓库中的版本，但我不确定它是否限制了通过 backbone-undo导入的版本。 如果你通过以下方式建立一个全新的项目 新 yarn.lock 仍会提及这两个版本;

查看详情
#34332021年5月5日作者 divesham2 个回答
0 个反应
增强提问文档typescript

Video not playing

警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 你想给GrapesJS添加什么？ 详细描述你的功能需求详细 最新版本有替代方案吗？[ ] 是的（描述替代方案）[x] 不 这是否与某个问题有关？[x] 是的（请...

divesham

https://github.com/artf/grapesjs/issues/1381

GJSBlock

谢谢你举报，@divesham。 关于FET：视频无法播放的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致跟踪 构...

查看详情
#34312021年5月5日作者 bgrand-ch2 个回答
1 个反应
增强提问文档

Enable "Discussions" tab on GitHub

你想给GrapesJS添加什么？ 启用GitHub上的“讨论”标签。 https://docs.github.com/en/discussions 详细描述你的功能需求详细 “问题”标签被各种问题和一些根本不是问题的问题污染。 启用“讨论”标签页将促进GrapesJS社区之间的互动，并更轻松地提问。 最新版本有替代方案吗？[ ] 是的（描述替代方案）[x] 不 这是否与某个问题有关？[ ] 是的（请提供本期链接）[x] 不

artf

谢谢@bgrand好主意，讨论已开启。 我对这个功能不太熟悉，如果你有任何改进该部分的建议，请告诉我。

GJSBlock

谢谢你举报，@bgrand-ch。 关于FEAT：在GitHub上启用“讨论”标签的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法：* 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change...

查看详情
#34272021年5月1日作者 akmittal2 个回答
1 个反应
增强提问文档

Add lazy loading support for images

你想给GrapesJS添加什么？ 懒惰地加载图片支持。 详细描述你的功能需求详细 最新浏览器支持使用加载属性进行延迟加载图像。'<img src=“myimg.png” loading =“lazy”>'。有两个可能的数值：“渴望”和“懒惰”。如果没有提供加载属性，图像加载会变得急切。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img 最新版本有替代方案吗？[ ] 是的（描述替代方案）[x] 不 这是否与某个问题有关？[ ] 是的（请提供本期链接）[x] 不

artf

谢谢@akmittal加载其实很酷也很实用，但目前我想避免扩展核心组件（如果有人通过扩展镜像创建新组件，可能会导致意想不到的行为）。 对于想使用“加载”属性的人来说，可以通过这种方式轻松扩展图像组件 “''js 编辑。DomComponents.addType（'image'， { 型号：{ 默认值：（） => （{ 特质：[ 'alt'， { 类型：“选择”， 名称：“加载中”， 标签：“装载中”， 默认：“渴望”， 选项：[ { id：“懒惰”，名字：“懒惰” }， {...

GJSBlock

谢谢你举报，@akmittal。 关于FEAT：添加图片的懒加载支持的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致...

查看详情
#34242021年4月29日作者 Tal5001 个回答
0 个反应
增强style-manager常规

HE(Hebrew) Language support

我想添加希伯来语支持，并进行翻译。 此外，你还应支持“direction”属性，以便支持从右到左的语言显示： https://www.w3schools.com/cssref/prtextdirection.asp

GJSBlock

谢谢你举报，@Tal500。 关于HE（希伯来语）语言支持的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致跟踪 构...

查看详情
#34122021年4月25日作者 maxtsh2 个回答
2 个反应
style-manager组件缺陷增强文档

自动保存部分起作用，插入文本后就停止了

大家好。我正在使用一个用React.js编写的生产应用的超棒项目，所以我把它集成到了我的应用里。一切运行正常，但我遇到了每次编辑器更改时自动保存编辑器数据的问题。 操作系统：Windows 10 浏览器：Chrome 90 GrapesJS 版本：0.17.03，最新时间：2021年4月26日 编辑器实例： “''js const GE = Grapes.init（{ 容器：“#editor”， fromElement： false， 插件：[GsPresetEmail]， pluginOpts： { GsPresetEmail： {}， }, colorPicker： { appendTo： 'parent'， offset：...

artf

感谢@maxtsh的反馈，实际上基础插件里那些旧块存在问题，导致存储计数器失效。我会尽快推销。 目前，作为热修复，先用这种方式更新这些区块。 “''js 编辑。Blocks.get（'text'）.set（{ 激活：真， 选择：真， 内容：{ 类型：“文本”， 内容：“请在此插入您的文本”， 风格：{ 填充：'10px' }， } }); 编辑。Blocks.get（'image'）.set（{ 激活：真， 选择：真， 内容：{ 类型：“图像” } }); ```

GJSBlock

谢谢你举报，@maxtsh。 自动保存部分工作，插入文本后停止工作似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报...

查看详情
#34072021年4月21日作者 rattrayalex3 个回答
8 个反应
增强提问style-managertypescript

CSS Grid

你想给GrapesJS添加什么？ 增加对CSS Grid（“display： grid;”）及其各种选项的支持。 我个人没有立即需要，但我觉得应该被记录。

Ju99ernaut

这个插件有一个CSS网格布局工具 https://github.com/Ju99ernaut/grapesjs-plugin-toolbox https://user-images.githubusercontent.com/48953676/115495409-d98a9000-a267-11eb-923a-b6f86cbefc99.mp4

artf

@Ju99ernaut了不起的插件

GJSBlock

谢谢你举报，@rattrayalex。 关于FEAT： CSS Grid的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行...

查看详情
#34052021年4月20日作者 chrisijoyah4 个回答
0 个反应
增强提问文档画布typescript

专长：在块状物落入画布前，需要挂钩的事件

警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 你想给GrapesJS添加什么？ 详细描述你的功能需求详细 目前有一个事件可以连接到“canvas：drop”，可以访问掉落的模型。在将方块放入画布之前，我想先...

artf

你好@chrisijoyah你试过用'canvas：dragdata'吗？这里举个用法示例 https://jsfiddle.net/artur_arseniev/87rcb24n/

chrisijoyah

你好@chrisijoyah你试过用“canvas：dragdata”吗？这里举个用法示例 https://jsfiddle.net/artur_arseniev/87rcb24n/ 这是否意味着我可以阻止丢失的模型被添加到画布中？理想情况下，我想做一些检查，确定拖曳后的方块是否可以被放入某个区域，如果通过检测，我想在添加之前阻止它被放入。有没有办法做到这一点？我能不能做类似“result.content='' 或者类似...... “''js editor.on（'can...

artf

我能做类似result.content= ''的操作吗？ 是的，你应该能用这个技巧做到这一点。你能多说说你的使用场景吗？你想做什么样的检查？

查看详情
#34022021年4月14日作者 joshk1322 个回答
0 个反应
style-manager提问组件缺陷增强

Unable to get blocks to show in right hand sidebar

版本： 0.14.62 你能重现演示中的bug吗？[ ] 是的[x] 不 不支持Vue.js或NPM 预期的行为是什么？ 在风格管理器右侧边栏显示的块 详细描述那个漏洞 我正在尝试让块管理器显示在右侧边栏，但无论我把块 div 放在哪里，它总是放在侧边栏外面，即使我把它放在样式管理器/容器正下方。 目前的行为是什么？ 它会显示在 #gjs div的上方或下方 你能附上截图、截屏或实时演示吗？**[x] 是（附上）[ ] 不 https://imgur.com/a/ca8Lzf8 代码来自App.vue Package.json

artf

“''js blockManager： { 附录：'#blocks'，// <- 删除此项 ```

GJSBlock

谢谢你举报，@joshk132。 无法让方块显示在右侧边栏的问题似乎是竞速状态或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告...

查看详情

浏览所有主题