#37032021年8月13日作者 anatoli-dp2 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 最新发布 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？[ ] 是的[ ] 不 预期的行为是什么？ 如果有一...
anatoli-dp
请注意，这个问题很糟糕......现在看到它，我觉得自己很傻......ID不能以数字开头，我做这个时没考虑到这一点
ClaudeCode
谢谢你举报，@anatoli-DP。 自定义ID在CSS中注入\3，\3后面有空格的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队...
#37002021年8月12日作者 anatoli-dp3 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 目前，我会更新每次发布 你能重现演示中的bug吗？ 使用自定义编辑器，因为我需要自己制作组件[ ] 是的[ ] 不 预期的行为是什么？ 将组件设置为可拖...
artf
这里的字符串本应是查询字符串，所以它尝试查询一个“封装”标签，而显然这个标签不存在。编辑器会在帧中的所有组件附加“data-gjs-type”属性，所以你能用的查询是“可拖拽：”[data-gjs-type=wrapper]''
anatoli-dp
啊，现在明白多了......谢谢，问题解决了
ClaudeCode
谢谢你举报，@anatoli-DP。 设置可拖拽：'wrapper' 不会在 wrapper 中掉落的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbo...
#36992021年8月12日作者 diegoSenra4 个回答
嗨！ 我在公司的一个项目中使用 grapesJs 进行电子邮件编辑，并配合 Newsletter 插件。 一切都运行得很好，除了我无法解决的这个bug： 有时候，当我在画布里拖动方块时，单元悬停会乱局。最大的问题是这种行为完全随机，会发生也可能不发生，但一旦发生会很烦人。 唯一的模式是：只在放块后且独家地在画布上进行拼接如果我调整画布大小以适应移动端/平板，画布会恢复正常（即使切回桌面视图——但放置新方块时可能会再次发生）位移仅发生在垂直方向（随机向上或向下——通常是向上——且可以是任意位移大小）单元格选项菜单（选择父单元、移动组件、擦除单元格等）也会被移位，方式相同。 编辑器插入在带有更多内容的页面（侧边栏和页眉）。我不得不修改...
artf
抱歉兄弟，这是4年前的版本，帮不上忙。 你试着更新了吗？
#36932021年8月11日作者 GaikwadShubham3 个回答
版本： 你可以在控制台输入“grapesjs.version”获得版本 0.17.22 你能重现演示中的bug吗？[x] 是的[ ] 不 预期的行为是什么？ 应该能以类似 grapesjs 容器外的方式看到网页组件 详细描述那个漏洞 Grapesjs 无法从可构造样式表渲染 CSS。 目前的行为是什么？ 能够在不样式的情况下加载组件 你能附上截图、截屏或实时演示吗？**[x] 是的（https://codesandbox.io/embed/frosty-payne-3fhd7?fontsize=14&hidenavigation=1&theme=dark）[ ] 不 CodeSandbox 入门模板 https://codesan...
artf
这个问题是由于 AdoptStylesheet 的工作方式，类似于 lit-element 的这个（https://github.com/lit/lit-element/issues/1139）。 基本上，你不能在多个文档中共享同一个CSSStyleSheet，所以必须手动重新创建，下面是一个自定义元素的代码，以支持adoptedStyleSheets。 “''js 编辑。Components.addType（'custom-element'， { isComponent：...
vasicvuk
有没有什么解决方案可以让lit-element components 3.X配合grapesJS使用？
ClaudeCode
谢谢你举报，@GaikwadShubham。 AdoptStylesheet 在 grapesJS 中不支持的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSan...
#36872021年8月10日作者 Joshmamroud4 个回答
版本： 0.17.22 你能重现演示中的bug吗？[ ] 是的[X] 不 我无法在演示中复现，但你可以用以下凭证登录[Documint]（https://app.documint.me）亲自观看：电子邮件： [email protected]： 演示 然后修改模板，试试用“ctrl+z”。 预期的行为是什么？ 应该能使用映射的快捷键（比如 Ctrl+Z），但它们不起作用。 目前的行为是什么？ 键映射是注册的，但它们无法使用。当我运行 'keymaps.getAll（）' 时，会看到所有默认的 keymaps 列表。当我听到键位映射的发射时，我什么都没有。当我通过配置添加自定义键位映射（比如“alt+u”），或者在初始化时添加时，...
Joshmamroud
你说得对，不是React或GrapesJS。事件传播被我使用的[rc-drawer]（https://github.com/react-component/drawer）组件阻止了。@artf谢谢你的帮助，这个问题从一开始就存在。
artf
嘿，@Joshmamroud我们有[代码]（https://github.com/artf/grapesjs/blob/75be5144a95488e557afabeca8ae50da8e15c60a/src/canvas/view/FrameView.js#L432-L444）可以将“keydown keyup keypress”事件传播到父文档，这样可以让keymaps正常工作，但一定要确保不包含任何阻止这些事件传播的代码或组件。
Joshmamroud
嘿，@artf，我觉得这可能被React屏蔽了。有什么建议能重新绑定这些活动听众吗？甚至不确定这是不是正确的解决方案或路径。
#36812021年8月7日作者 Joshmamroud4 个回答
版本： 0.17.22 你能重现演示中的bug吗？[X] 是的[ ] 不 预期的行为是什么？ 应该能够将文本元素放入自定义组件中，从而扩展文本组件 目前的行为是什么？ 不能把可文本的组件放进一个扩展文本组件的自定义组件里 你能附上截图、截屏或实时演示吗？ [演示]（https://codesandbox.io/s/compassionate-andras-8h8m4?file=/index.js）[X] 是的（附上）[ ] 不
artf
嘿@Joshmamroud这里其实有个关于文本成分的普遍问题 #2771
Joshmamroud
谢谢你，@artf。我觉得我的问题更多是自定义组件，它扩展了文本组件。Textable在原始文本组件中工作正常，但当我尝试创建自己的自定义文本组件时，就遇到了问题。不仅仅是Textable，我注意到扩展文本组件也会失去一些其他功能。我现在一时想不起具体的。是不是我在扩展文本部分方面做错了什么？
artf
从你的演示来看，我没看到扩展的“文本”部分有问题，只有与文本相关的问题
#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...
#36752021年8月5日作者 rywilson281 个回答
版本： 0.17.23 你能重现演示中的bug吗？[x] 是的[ ] 不 如果该元素放在画布顶部，徽章可能会遮挡该元素的内容。 ![图片]（https://user-images.githubusercontent.com/45426659/128348057-e2550bac-4ded-448a-a64a-0ca1b374a8ec.png） 预期的行为是什么？ 如果有空间，标签应放在元件下方。 ![图片]（https://user-images.githubusercontent.com/45426659/128348466-f60822ea-8c6d-42f7-9668-2f3d89c1bc65.png） 你能附上截图、截屏或...
ClaudeCode
谢谢你举报，@rywilson28。 徽章“即使元素下方有空间，也可能遮挡元素内容，这似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更...
#36742021年8月5日作者 sriya-srinivasan4 个回答
版本： 0.17.19 目前的行为是什么？ 新增的 webcomponent 是可见的： 在 grapesjs 容器内添加网页组件时，如果组件在 shadow DOM 中有元素，组件是空的。（如果不使用 shadow dom 创建组件，则没有问题。）在图层管理器中可以看到，但是空的 ![第1期]（https://user-images.githubusercontent.com/78800503/128315538-ae05c799-9a0f-402d-a74c-b001fa2ad03c.PNG） 这里我们可以看到内部和外部元素的差异。阴影根不可见。 预期的行为是什么？ grapesjs canvas 内的 webcomponen...
artf
我在这里发了一个变通方法 https://github.com/artf/grapesjs/issues/3693
artf
嘿，@sriya-srinivasan，你能做一个可复现的演示吗？
artf
@sriya-Srinivasan，有什么最新进展吗？
#36732021年8月5日作者 imouou2 个回答
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl Version： grapesjs-0.17.22 你能重现演示中的bug吗？[] 是的[ ] 不 预期的行为是什么？ 在改变元素大小时，不应同时导致其他相同组...
artf
使用组件优先样式 “''js Grapesjs.init（{ ... 选择经理：{ componentFirst： true， ... }, }) ```
ClaudeCode
谢谢你举报，@imouou。 option resizable：true 会改变 Canvas 中所有相同的组件。 似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSa...