#31452020年11月17日作者 sashapawlow7262 个回答
我有一个HTML模板。HTML模板有一个按钮。点击按钮时，会触发一个事件（打开模态窗口）。有没有可能在不触发事件的情况下，直观地改变按钮的外观？使用 allowScript： 0，我可以编辑按钮的外观，但在这种情况下，事件不会触发（打开模态窗口）。在 allowScript： 1 中，触发事件（打开模态窗口），但无法编辑按钮的外观。曾有过在allowScript 0和allowScript 1之间切换的想法，但allowScript会移除页面上的所有js。
artf
如果按钮需要自定义逻辑/行为，你必须为该按钮创建一个[自定义组件]（https://grapesjs.com/docs/modules/Components.html），并且需要根据原始HTML的自定义逻辑
ClaudeCode
谢谢你举报，@sashapawlow726。 关于FEAT：如果按钮有动作（打开模态窗口）如何编辑按钮，这真是个很棒的建议？！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示...
#31432020年11月15日作者 sprklinginfo2 个回答
默认情况下，当选中组件时，工具栏会显示“移动、复制、删除”等操作，并设置“showToolbar： 1”选项。当我定义一个可能包含多个内部组件的自定义组件时，我想隐藏这些内部组件的工具栏。我不想在 grapesjs.init（） 中全局隐藏它。谢谢，
artf
定义组件后，你可以自定义工具栏数组 “''js 默认值：{ ... 工具栏：[]， // 这将阻止其在组件上的渲染 } ```
ClaudeCode
谢谢你举报，@sprklinginfo。 感谢你分享关于隐藏内部组件工具栏的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Grap...
#31422020年11月14日作者 mohd74693 个回答
@artf这正是之前已经被解决过的[问题#2760]（https://github.com/artf/grapesjs/issues/2760），这是错了还是我做错了？我本以为资源不会显示出来，但它们全都可见 ![图片]（https://user-images.githubusercontent.com/12613564/99156432-99d0e280-26e2-11eb-8289-d76d66af2ad1.png） 这是我的代码，我使用的是“Grapesjs”的版本：“^0.16.27”， ![图片]（https://user-images.githubusercontent.com/12613564/99156485-04...
artf
@awais786327请提供该问题的现场演示
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
ClaudeCode
谢谢你举报，@mohd7469。 关于AssetManager渲染问题的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#31412020年11月14日作者 webdevhayes3 个回答
如果之前有人讨论过，我真的很抱歉。我已经搜索过相关问题，也仔细阅读了文档，也许我理解得不对。 我知道你可以在页面构建器里运行脚本加载内容，但当我点击保存后，内容/HTML会被保存吗？这意味着前端会加载过时的内容或HTML吗？ 你能指点我去更深入理解这一点，并且让内容始终通过 ajax 调用动态加载吗？我用的是Laravel，存档功能都正常。 如果之前已经讨论过，再次抱歉。
artf
我觉得你必须读读[这份指南]（https://grapesjs.com/docs/modules/Storage.html）
anuragk15
你找到解决办法了吗？ 我也有类似的问题。比如，当我写博客并存储在数据库中时，现在每当有人访问我的落地页（用Grapesjs制作），我希望他们能看到我最新的博客。另外，如果有终端用户访问网站，我只需要发送 Grapejs 的 html 和 css 对吧？没有组件？
ClaudeCode
谢谢你举报，@webdevhayes。 关于加载动态内容的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#31332020年11月11日作者 BaskarMN1 个回答
请问有人能指导我如何用 React 运行 GrapesJS 网站上给出的基本示例吗？请帮帮我
ClaudeCode
谢谢你举报，@BaskarMN。 关于React应用入门示例的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））...
#31322020年11月11日作者 tranthanhhoa1 个回答
版本： 0.16.27 摘要： [type =“number”]的性状不起作用 繁殖步骤： 试着输入类似“abc”这样的词，代表一个类型是“number”的特征。 意料之中： 不要接受这根绳子 真实： 仍然接受这条绳子
ClaudeCode
谢谢你举报，@tranthanhhoa。 感谢你分享关于带[type =“number”]的特质不起作用的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快...
#31262020年11月9日作者 mohd74694 个回答
点击上传按钮时侧面预览正常，但点击那个视频预览时会报错，其他图片都无法正常工作，我需要在Canvas中显示视频，比如显示类似主体的图片 ![动图]（https://user-images.githubusercontent.com/12613564/98598005-a24ca600-22fb-11eb-867e-95dc66a6f5a5.gif） 这就是我正在做的 ![图片]（https://user-images.githubusercontent.com/12613564/98591110-96f47d00-22f1-11eb-9520-8c201f0b27d8.png） ![图片]（https://user-images....
mohd7469
@artf你能告诉我，我该如何上传和预览视频文件，而不是图片？
ZeroCoolHacker
@awais786327我上传不同资源时也很吃力。也许这能帮到你。 https://grapesjs.com/docs/modules/Assets.html#uploading-assets
ZeroCoolHacker
@awais786327我看过那个网站，似乎你需要在视频标签里加上'autoplay=“true”才能播放
#31242020年11月9日作者 archerbj3 个回答
你好，我正在尝试用视频组件在资产管理器中上传。我意识到我可以利用编辑器事件“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”>
ClaudeCode
谢谢你举报，@archerbj。 感谢你分享关于FEAT： component：clicked / dbclicked event的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有...
#31222020年11月9日作者 tranthanhhoa2 个回答
版本： 0.16.27 摘要： 复制组件缺少媒体样式 繁殖步骤： 试着在平板或手机上更改一些内容 复制更改后的组件 意料之中： 复制的组件具有媒体样式 真实： 重复组件没有媒体样式
artf
谢谢@tranthanhhoa我已经解决了你另一个[问题]（https://github.com/artf/grapesjs/issues/3122），那个是关于规则状态的问题，但我也注意到媒体也有类似问题，所以两者都准备好下一次发布了:)
ClaudeCode
谢谢你举报，@tranthanhhoa。 感谢你分享关于重复组件缺少媒体样式的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Gra...
#31202020年11月8日作者 mohd74692 个回答
我想让设备和菜单按钮都放在同一个面板上，但问题出在查看代码按钮上 如果我移除 'panel.render（）' 设备按钮 就会消失 如果我不移除“panel.render（）”，查看代码就无法使用 我到底哪里做错了？ ![图片]（https://user-images.githubusercontent.com/12613564/98472369-6be82b80-2214-11eb-9933-ead334d82654.png）
artf
检查一下[Panel API]（https://grapesjs.com/docs/api/panels.html#panels），你用得完全错误......
ClaudeCode
谢谢你举报，@mohd7469。 关于查看代码按钮的问题，问得很好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...