#47842022年12月14日作者 phamthanhbinh47963 个回答
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 108.0.5359.73可复制演示链接 https://user-images.githubusercontent.com/44830209/56891735-89203380-6a8e-11e9-8d42-c530d5aa0ae2.gif描述一下那个虫子 错误调整图像大小 嗨！ 我在调整图片大小时遇到了一些问题。 当我放置图片并点击一个调整尺寸的处理程序时，图片不会保持高度，而是扩展到父容器的100%...... 可调整大小：1 作为背景，图像有一个绝对位置。 谢谢大家的帮助！行为准则[X] 我同意遵守本项目的行为准则
MrRainDrop9x
我也有同样的问题，有人能帮帮我们吗？
artf
我建议所有与绝对模式相关的bug请参考[本问题]（https://github.com/artf/grapesjs/issues/3770）。
GJSBlock
谢谢你举报，@phamthanhbinh4796。 错误调整图像大小的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原...
#47742022年12月9日作者 edenizk2 个回答
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Firefox 可复制演示链接 https://jsfiddle.net/9aj630x7/ 描述一下那个虫子 如何复现这个漏洞？创建一个元素将 data-gjs-traits 属性设置为任意默认特征名，比如 id 或 title，这样整个功能就会被压制 预期的行为是什么？ 我预期结果和 data-gjs-traits='' 一样，都是把特质设空 目前的行为是什么？ 如果我放别的东西，而不是空绳子，会压坏 grapes 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 行为准则 [X] 我同意遵守本项目的行为准则
artf
你应该使用正确解析的JSON字符串，比如，'data-gjs-traits='[“id”]''， 'data-gjs-traits=“[]''
GJSBlock
谢谢你举报，@edenizk。 关于无法在属性中设置特质的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#47712022年12月7日作者 henry-mmw3 个回答
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v108 可复制演示链接 无关联 描述一下那个虫子 在编辑器中添加任何“@-webkit-keyframe”的CSS规则。它会显示为“@media”。 我现在给构建器添加了不少工具，但似乎每次添加任何webkit-keyframe的CSS规则，编辑器都无法理解它们，显示为“@media”。只是想知道它是否支持这个功能，还是我可能只是多心了，或者如果不支持，有没有办法帮你实现？行为准则 [X] 我同意遵守本项目的行为准则
ronaldohoch
我只是来这里开启同样的问题！:( @artf，你可以添加这个代码来检查。 “''js 编辑。CssComposer.addRules（' .animateanimated { -webkit-animation-时长：300ms; 动画时长：300毫秒; -webkit-animation-fill-mode：两者兼用; 动画填充模式：两者兼具; } @keyframes 渐入 { 0% { 不透明度：0 } 到 { 不透明度：1 } } .animatefadeIn {...
artf
报告并修复 [此处]（https://github.com/artf/grapesjs/issues/4727）
GJSBlock
谢谢你举报，@henry-mmw。 GrapesJS 不理解 '@-webkit-keyframe' CSS 规则的问题。 似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（Co...
#47652022年12月2日作者 wunksert4 个回答
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v107描述一下那个虫子 如何复现这个漏洞？按照以下说明[这里]（https://grapesjs.com/docs/guides/Custom-CSS-parser.html#rule-objects）创建你自己的CSS解析器，并输入@keyframes规则CSS字符串。我用了这里的预建帖子解析器：[这里]（https://github.com/artf/grapesjs-parser-postcss/blob/master/src/parser.ts）结构从解析器中导出并与文档匹配（见附图），但没有动画 <img width=...
artf
你好@wunksert之前有个与关键帧相关的问题[这里]（https://github.com/artf/grapesjs/issues/4727），已经修复但还没发布。
artf
修复该修复可在最新版本中 https://github.com/artf/grapesjs/releases/tag/v0.20.2
wunksert
@artf太棒了！你知道什么时候会发布吗？
#47632022年12月1日作者 quentin-bettoum2 个回答
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Firefox 106可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 你好， 当我从 0.19.5 升级到 0.20.1 时，我注意到用 editor.getProjectData() 得到的页面 JSON 比以前明显更重。 区别在于，在0.20.1中，JSON中的每个组件都包含以下代码： 我猜问题可能是从 [组件被转换成类]（https://github.com/artf/grapesjs/blame/143414408e0b6f37645fc07714f142280d88961d/src/dom...
GJSBlock
谢谢你举报，@quentin-bettoum。 关于_undoexc状态开放的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethin...
#47542022年11月30日作者 jasonliang-dev2 个回答
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 版本 107.0.5304.122（64 位） 可复制演示链接 https://jsfiddle.net/j5khz1gm/ 描述一下那个虫子 如何复现这个漏洞？创建具有以下默认属性的自定义组件类型：将自定义组件添加到画布中获取带有 editor.getHtml()的页面HTML内容 将HTML插入编辑器外的div 预期的行为是什么？ 本以为生成的HTML中会跳出关闭脚本标签。不应该出现警报对话框。 目前的行为是什么？ 脚本标签不会逃逸。svg 标签显示在文档中。在本地 HTML 文件中使用下面的代码总是执行 alert(1)...
derciesto
@jasonliang-dev，有最新进展吗？我也遇到同样的问题。
GJSBlock
谢谢你举报，@jasonliang-dev。 关于关闭“</script>'标签未逃脱脚本属性的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.lo...
#47522022年11月28日作者 FaisalShaikhHA3 个回答
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome 107.0.5304.121（官方版本）（arm64）可复制演示链接 https://jsfiddle.net/artur_arseniev/aku70f5w描述一下那个虫子 如何复现这个漏洞？尝试拖拽可编辑组件或本身有 pointer-events: all CSS 的组件。它会消失。由于此操作执行无限循环，控制台 Uncaught RangeError: Maximum call stack size exceeded返回错误。即使将可拖 false 设置为可编辑组件，它依然可拖拽。 预期的行为是什么？ 可编辑组件不应该像包装...
artf
演示本身有个问题，现在已经修复了（在包装组件中添加了“可拖拽：false”）
FaisalShaikhHA
getCSSS补丁让它始终返回可编辑组件的内容无法正常工作，你能帮我解决这个问题吗@artf 下面的代码（包含在可复现演示链接中）总是返回整个画布或包装器的CSS字符串。
GJSBlock
谢谢你举报，@FaisalShaikhHA。 关于带指针事件的组件：“全部”（除了包装器）或可编辑组件可以拖拽到自己身上，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'，...
#47442022年11月23日作者 ronaldohoch2 个回答
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 勇敢的最后版本可复制演示链接 https://jsfiddle.net/ptzavm1b/描述一下那个虫子 如何复现这个漏洞？点击一个元素尝试使用StyleManager UI添加此CSS样式： transform:scale(2);你不能。 预期的行为是什么？变换类型栈应当包含或允许类型栈中的 scale 和 rotate 目前的行为是什么？变换类型栈没有 scale 和 rotate 属性。行为准则[X] 我同意遵守本项目的行为准则 这就是我想通过 StyleManager UI 实现的效果：https://jsfiddle.net/mr3...
artf
你应该已经能用默认变换属性实现同样效果，你的自定义变换还不完整。 请尽量参考完整的配置[这里]（https://github.com/artf/grapesjs/blob/483ab96eff13687c4794a8474c7e8cffd7405912/src/stylemanager/model/PropertyFactory.js#L382）。如果你想更新属性，应该可以通过 [getBuiltIn]（https://grapesjs.com/docs/api/style...
GJSBlock
谢谢你举报，@ronaldohoch。 关于变换、缩放和旋转都不正常工作的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进...
#47432022年11月23日作者 JonathanRiche1 个回答
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 版本 107.0.5304.107（官方构建）（64 位） 可复制演示链接 https://jsfiddle.net/jonrobert/2gLdur9c/3/ 描述一下那个虫子 如何复现这个漏洞？在运行 grapesjs.init（） 函数时，修改配置选项中任意选项的 stylePrefix 属性 即 预期的行为是什么？ 预期行为是 .gjs 类被 stylePrefix 取代，类似之前版本的 grapesJs 目前的行为是什么？ 目前的行为是 stylePrefix 属性在配置中设置时也没有应用 如果需要执行某些代码以重现该漏洞，请将其...
GJSBlock
谢谢你举报，@JonathanRiche。 关于stylePrefix属性没有覆盖大多数元素中的gjs-class，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （）...
#47392022年11月20日作者 hemaltandel12 个回答
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Edge 版本 107.0.1418.52（官方构建）（64位）可复制演示链接 https://codesandbox.io/s/peaceful-glade-rbfbwt?file=/src/app/app.component.ts描述一下那个虫子 如何复现这个漏洞？用 grapejs创建新应用 调用 grapejs INIT，使用默认配置。新增名为“test1/2”的新职业使用 developer toool 输入画布 html。它被重新命名为“test1-2”。 预期的行为是什么？ 类别名称不应被更改。应保持原名。例如test1/2 在之...
artf
你仍然可以使用“escapeName”选项 “''js 选择经理：{ escapeName： value => value }, ```
GJSBlock
谢谢你举报，@hemaltandel1。 关于css类名中“/”转换为“-'的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...