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

GrapesJS 问题

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

找到 466 个问题

🔍 components
#31242020年11月9日作者 archerbj3 个回答
0 个反应
组件typescript常规

Component:clicked / dbclicked event

你好，我正在尝试用视频组件在资产管理器中上传。我意识到我可以利用编辑器事件“component：selected”来实现这一点。 虽然能用，但并不完美。我更喜欢用双击触发资源管理器打开。 如果能有像“component：clicked/dbclicked”这样的事件，那就更好了

artf

你可以扩展视频组件，在其视图中添加类似[Image]（https://github.com/artf/grapesjs/blob/175151b69a041c5bcb3cd4b93bee4df8b2063103/src/dom_components/view/ComponentImageView.js#L8）中的事件。

addlistener

你@archerbj让它成功了？我试过了，ComponentView 似乎只导出了类型？ <img width=“883” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/4531670/e075cf79-4e93-411a-ba35-63dd2fd0ad51”>

GJSBlock

谢谢你举报，@archerbj。 感谢你分享关于FEAT： component：clicked / dbclicked event的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有...

查看详情
#31222020年11月9日作者 tranthanhhoa2 个回答
1 个反应
组件style-manager常规

Missing media style on the duplicated component

版本： 0.16.27 摘要： 复制组件缺少媒体样式 繁殖步骤： 试着在平板或手机上更改一些内容 复制更改后的组件 意料之中： 复制的组件具有媒体样式 真实： 重复组件没有媒体样式

artf

谢谢@tranthanhhoa我已经解决了你另一个[问题]（https://github.com/artf/grapesjs/issues/3122），那个是关于规则状态的问题，但我也注意到媒体也有类似问题，所以两者都准备好下一次发布了:)

GJSBlock

谢谢你举报，@tranthanhhoa。 感谢你分享关于重复组件缺少媒体样式的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Gra...

查看详情
#31192020年11月6日作者 makkaronis4e4 个回答
0 个反应
提问组件style-managertypescript

如何由 grapesjs 组件制作定制方块？

你好，我想用 Grapesjs 的组件制作自定义方块。 我找到了添加组件的解决方案：https://github.com/artf/grapesjs/issues/1334#issuecomment-411519845 但我在添加 CSS（无论是字符串还是对象）时遇到了困难。

artf

你应该能做到类似这样的操作： “''js ... 组成要素： [ { 标签名：'h1'，组件：'Some <b>content</b>'， }， “<style>......”</style> ] ```

makkaronis4e

@artf谢谢，它能用，但我发现了bug。 当你把这个块放到画布上时，它能正常工作，但如果你从画布中删除这个元素，或者清除整个画布，然后第二次把这个块放到画布上，它就会丢失CSS。第二次，第三次......没关系，如果你从画布中移除过元素一次，下一次掉落时它会失去样式。

artf

@makkaronis4e这种情况，我会请你做一个可复现的演示

查看详情
#31172020年11月6日作者 zhiyuanzhang-unai2 个回答
0 个反应
组件提问typescript

How to remove a category if no component in it

我会在运行时根据下拉菜单构建自定义组件。当用户更改下拉菜单的选择时，相关自定义块会被添加，非相关块则被移除。 所有自定义方块按不同类别名称分组。 如果该类别中的所有方块都被移除，它会显示在屏幕上。 有没有办法移除某个类别？或者如果没有阻挡，它会自动被移除？

artf

尝试用新的块集合重新[render]（https://grapesjs.com/docs/api/block_manager.html#render）块管理器

GJSBlock

谢谢你举报，@zhiyuanzhang-unai。 关于如果类别中没有组件，如何移除，这是个很好的问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...

查看详情
#31162020年11月6日作者 aadilmehrajbhat2 个回答
1 个反应
style-manager组件提问文档typescript

如何加载可以在代码查看器中查看并导出保存的CSS

嗨 ：wave： 我正在尝试在编辑器中加载一些CSS作为主题的一部分，我能够在加载时链接样式表，但我遇到的问题是，当我直接用“<style>''标签加载样式时，我可以通过'editor.getStyle（）'查看序列化版本，但'editor.getCss（）'只包含'protectedCss'。 我对导出或在代码查看器中查看时，如何将CSS样式添加到模板样式“css”属性中感到困惑，也不太清楚如何操作那些非组件特定但通用的CSS规则。 我试着在文档里深入挖掘，特别是在“CssComposer”和“CssRule”里，但遗憾的是没找到太多线索。 我已经添加了一个codepen链接来演示我遇到的问题。 https://codepen....

artf

@AadilMehrajBhat 首先，'display： 'block' 不是该属性的有效 CSS 值（应该是 'display： block'），而且模板里没有用到 '.d-block'，所以结果会自动通过移除未使用的样式来优化

GJSBlock

谢谢你举报，@aadilmehrajbhat。 关于[求助] 如何加载既能在代码查看器中查看又能导出保存的CSS的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => c...

查看详情
#31152020年11月6日作者 xinyufyj4 个回答
1 个反应
画布组件提问

在Absolute/Designer模式下更改画布大小时，组件丢失的位置是错误的

警告 我改了画布尺寸，然后从块面板中放了一个组件。结果是，补偿职位是错误的。顺便说一下，编辑器现在处于“绝对/设计者”模式。 我看了掉落那部分的源代码。我发现compent拖拽起始位置并不是基于'editor'。Canvas.getFrameEl（）'。那么，这样对吗？

xinyufyj

@artf好的，我提供一些截图来解释。抱歉我的英语不好。 ![图片]（https://user-images.githubusercontent.com/7018771/98490960-40922a80-226e-11eb-9c45-998a1fa10916.png） ![图片]（https://user-images.githubusercontent.com/7018771/98490964-4556de80-226e-11eb-9793-7e2819f878a4.p...

artf

你能现场演示这个问题吗？

artf

我关闭这个问题，因为我计划在这里解决所有与绝对位置有关的问题：https://github.com/artf/grapesjs/issues/3770

查看详情

浏览所有主题