GrapesJS 问题

artf

如果按钮需要自定义逻辑/行为，你必须为该按钮创建一个[自定义组件]（https://grapesjs.com/docs/modules/Components.html），并且需要根据原始HTML的自定义逻辑

GJSBlock

谢谢你举报，@sashapawlow726。 关于FEAT：如果按钮有动作（打开模态窗口）如何编辑按钮，这真是个很棒的建议？！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示...

artf

定义组件后，你可以自定义工具栏数组 “''js 默认值：{ ... 工具栏：[]， // 这将阻止其在组件上的渲染 } ```

GJSBlock

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

artf

@awais786327请提供该问题的现场演示

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

GJSBlock

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

artf

我觉得你必须读读[这份指南]（https://grapesjs.com/docs/modules/Storage.html）

anuragk15

你找到解决办法了吗？ 我也有类似的问题。比如，当我写博客并存储在数据库中时，现在每当有人访问我的落地页（用Grapesjs制作），我希望他们能看到我最新的博客。另外，如果有终端用户访问网站，我只需要发送 Grapejs 的 html 和 css 对吧？没有组件？

GJSBlock

谢谢你举报，@webdevhayes。 关于加载动态内容的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...

GJSBlock

谢谢你举报，@BaskarMN。 关于React应用入门示例的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））...

GJSBlock

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

mohd7469

@artf你能告诉我，我该如何上传和预览视频文件，而不是图片？

ZeroCoolHacker

@awais786327我上传不同资源时也很吃力。也许这能帮到你。 https://grapesjs.com/docs/modules/Assets.html#uploading-assets

ZeroCoolHacker

@awais786327我看过那个网站，似乎你需要在视频标签里加上'autoplay=“true”才能播放

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配置 有...

artf

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

GJSBlock

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

artf

检查一下[Panel API]（https://grapesjs.com/docs/api/panels.html#panels），你用得完全错误......

GJSBlock

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