#59422024年6月12日作者 adarshsingh1972 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 镀铬 可复制演示链接 我在期刊中提供了代码 描述一下那个虫子 [截屏时间：2024年12月6日 下午3：09：58 IST.webm]（https://github.com/GrapesJS/grapesjs/assets/130237200/d5bbb21e-2e44-4564-a407-4768776c1cd8） 问题是，刚应用任何加粗或斜体后，点击某处就会消失。 onMounted（async （） => { componentsTypeScript.value = {}; componentsDefaults.value = {}; appI...
artf
从官方演示来看，它似乎按预期工作，所以我猜这和你的自定义逻辑有关。 请提供一个简短且可复现的问题演示。
ClaudeCode
谢谢你举报，@adarshsingh197。 错误 error： any） { 发生在 ProseMirror 尝试访问属性时，尚未完全初始化组件生命周期。这是GrapesJS中常见的竞争条件。 立即解决办法： 如果你控制代码，可以用空检查包裹调用： “JavaScript if （component && typeof component.getPlugins === 'function'） { 你的准则 } ``` 根本原因分析： ProseMirror 在调用 'ge...
#56772024年2月12日作者 soundharya23252 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子 如何复现这个漏洞？在<a>表单元格（td）内插入带有链接的标签。将浮点数向桌面单元格（td）赋予左或右。 预期的行为是什么？ 在表格单元格中添加浮点右/左后，对齐应该只会改变 目前的行为是什么？ 表格单元格被改成了表格行/表格正体 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： ![桌排]（https://github.com/GrapesJS/grapesjs/assets/159787750/8f713b75-b3d8-4f40-a9f8-be...
ClaudeCode
谢谢你举报，@soundharya2325。 关于*的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'...
#44552022年7月18日作者 mickeyDominic3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 103.0.5060.114 可复制演示链接 https://codepen.io/Dominic_M/pen/eYMgqyw 描述一下那个虫子 如何复现这个漏洞？关注GrapesJS“入门指南”>> https://grapesjs.com/docs/getting-started.html继续做教程直到“响应式模板（https://grapesjs.com/docs/getting-started.html#responsive-templates）”，你会发现添加移动端和桌面视图切换面板后，一个面板会取代另一个。 预期的行为...
artf
@mickeyDominic你把所有默认面板放在同一个物体下面 “''js 面板：{ 默认值：[{ id：“层次”， EL：“.panelright”， // ... 编号：“面板调车员”， EL：“.panelswitcher” }] }
mickeyDominic
谢谢你@artf。 真是太傻了:)
ClaudeCode
谢谢你举报，@mickeyDominic。 关于'面板设备'和'面板-切换器'冲突的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...
#38602021年10月12日作者 sduncan-tribe2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 93.0，Chrome 94.0.4606.71 可复制演示链接 https://github.com/Tribe-Mobile/grapesjs-blocks 描述一下那个虫子 如何复现这个漏洞？运行git仓库，不显示任何块切换到版本 0.16.27 nd 运行 预期的行为是什么？ 展示方块 目前的行为是什么？ 没有显示方块 行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
感谢你报告，@sduncan部落。 关于从0.16.27升级到0.17.27后块无法工作的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'someth...
#36792021年8月6日作者 imouou2 个回答
感谢#3673 我收到了一个新的bug反馈。 版本：。 0.17.22 你能重现演示中的bug吗？[ ] 是的[ ] 不 预期的行为是什么？ 我希望默认宽度是移动设备的宽度，所以我设置了最小宽度优先级，但选择框默认显示的是移动宽度，页面宽度没有变化。我用的是editor.setDevice（'Mobile'）;是的，但在新页面管理中，新页面也是一样的，我继续用这个方法是无效的，所以我觉得应该有更好的处理方式。 详细描述那个漏洞 目前的行为是什么？ 详细描述那个漏洞 你能附上截图、截屏或实时演示吗？[ ] 是的（附上）[ ] 不 ![2021-08-06 10 29 54]（https://user-images.githubuse...
artf
是的，你说得对，实际上没有选择默认设备的选项...... 目前作为变通方法，先在初始化后手动操作： “''js const editor = grapesjs.init（{...}）; editor.setDevice（“移动”）; 在下一个版本中，我会在设备管理器配置中添加“默认”选项 “''js deviceManager： { 启动时选择的设备“id”如果未标示，将使用“设备”中最先可用的ID。 默认：“移动”， 设备：[...]， }, ```
ClaudeCode
谢谢你举报，@imouou。 设备宽度默认无效的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 Gr...
#34462021年5月9日作者 Spectrevuln-sketch4 个回答
请帮帮我，我想把 gjs 的数据存储到 mysql，但我无法从前端到后端传输任何数据 这是我的代码： 'const editor = grapesjs.init（{ 容器：“#editor”， storageManager： { 类型：“远程”， 参数：{}， // 用于请求的自定义值 你的服务器端点 urlStore： 'http://example.com/store-webpage'， urlLoad： 'http://example.com/load-webpage'， contentTypeJson： true， setStepsBeforeSave： 1， }, blockManager： { 附录：“#blocks”...
Ju99ernaut
变量名不能包含 '-'，因此以下语法无效： “''js const { gjs-assets， gjs-components， gjs-css， gjs-html， gjs-styles } = req.body; ```
Spectrevuln-sketch
请帮帮我，我想把模板存到 MySQL，我该怎么做？
Ju99ernaut
遗憾的是，这可能超出葡萄的范围，但有些需要注意 “''js 这无效 const { gjs-assets， gjs-components， gjs-css， gjs-html， gjs-styles } = req.body; 你可以尝试分别分配每个值 cont { body } = req; const assets = body['gjs-assets']; const components = body['gjs-components']; //... ``` 另外，...
#18232019年2月21日作者 abozhinov3 个回答
@arthuralmeidap能告诉我如何为每个设备设置不同样式吗？ 我采用移动优先策略。 例如，在移动端和桌面设备上设置不同的背景。 mediaCondition：“最小宽度”， var deviceManagerConfig = { 设备： [ { 名称：“桌面版”， 宽度：“， widthMedia：'768px' }, { 名称：“平板”， 宽度：'768px'， widthMedia：'320px' }, { 名称：“Mobile”， 宽度：“320px”， widthMedia：'0px' } ] };
umerrinayat
@abozhinov我也遇到同样的问题。你解决了问题吗？你能在这里分享吗？谢谢
theSC0RP
@abozhinov @umerrinayat我也遇到同样的问题。如果你已经解决了，能否在这里分享？
abozhinov
没有，我没有。我还在寻找解决办法。
#13082018年7月23日作者 manishkumaruit1 个回答
bm.add（'test-block'， { 标签：“Icons”， 类别：“棱镜笔记块”， 内容：{ 脚本：函数 （） { var d = window.parent.window.modalJ; d.setTitle（“ICONS”）; d.setContent（' <style> .tabs{ 宽度：600像素; 显示：方块; 利润率：0px auto; 位置：亲属; 填充：0像素 ！重要; } .tabs .tab{ 浮动：左; 显示：方块; 宽度：25%; } .tabs .tab>input[type=“radio”] { 位置：绝对; 顶部：-9999px; 左：-9999px; } .tabs .tab>label...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#11942018年6月11日作者 MobileAppVault2 个回答
你好， 我想把一个已有的HTML模板加载到grapesjs中并编辑页面。 编辑意味着：移动段落添加/移除编辑按钮、图片等 比如我的模板源会是 https://html5up.net/。 我该如何实现这一点？ 我需要把模板拆分成组件吗？ 非常感谢任何解答、帮助或建议。 马库斯
artf
你可以直接导入，但要好好处理这个 #1173
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#10242018年4月10日作者 tommedema3 个回答
你可能会认为将iframe的宽度改成设备宽度和设备模拟器的作用是一样的，但实际上并非如此（https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports）。 举个例子：如果你在宽度为320px的iframe中加载[pages.github.io]（pages.github.io），你会得到： <img width=“359” alt=“截图 2018-04-09 4点44分 24分” src=“https://user-images.githubusercontent.com/331833/38528599-4...
nojacko
把你的CSS构建成“最小宽度”而不是“最小设备宽度”等等......一切都很好。
tommedema
@nojacko这假设我能控制CSS。事实并非如此;) 此外，上述示例未使用“最小设备宽度”。它只是用“宽度：900px”。小型设备足够智能，可以相应地扩展规模。真正的响应式模式也会做到同样的效果。
artf
谢谢你的建议，@tommedema但目前我觉得没必要开始做这种改进，如果你想构建响应式模板，目前的实现是可行的，这才是真正重要的。顺便说一句，如果你真的想改进，欢迎PR们来:)