#44802022年7月26日作者 ValouZ2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox v102.0.1 可复制演示链接 这是工作代码，我不能...... 描述一下那个虫子 如何复现这个漏洞？拖放到页面块 视频你会发现你对我的iframe无能为力 预期的行为是什么？ 我希望iframe的src可以编辑 目前的行为是什么？ iframe没法用。 我在图层管理器上能看到Iframe，但如果我打开检查器，只有包含Iframe的部分。 这东西在两三周前还很糟糕，我去度假了，没人碰它，因为只有我一个人在修，现在它坏了。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js blockManager.add（“conte...
artf
感谢@ValouZ的报告，iframe视图上确实有个拼写错误。我会在下次发布时处理好。
ClaudeCode
谢谢你举报，@ValouZ。 关于Iframe在一个区块上不能编辑，这个问题问得很好。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#44752022年7月23日作者 zithasdev2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 103.0.5060.134可复制演示链接 https://www.w3schools.com/html/tryit.asp?filename=tryhtmllinksw3schools描述一下那个虫子 如何复现这个漏洞？.当我工作时，我的项目相关链接... 预期的行为是什么？正确拖拽 2.Link 到另一个链接，我们作为引用，想打开它 目前的行为是什么？ ...这不是变装 它不是链接到另一个链接 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ```行为准则[X] 我同意遵守本项目的行为准则
artf
抱歉，你必须按照所有步骤正确打开bug问题，并提供可复现的演示。
ClaudeCode
谢谢你举报，@zithasdev。 关于链接按钮不工作的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组...
#44742022年7月22日作者 bimsina3 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 103.0.5060.134可复制演示链接 https://stackblitz.com/edit/node-zrdtg4?file=index.js描述一下那个虫子 如何复现这个漏洞？在无头模式下初始化编辑器仅用一个基础文本节点加载项目数据 <details> <summary>点击展开查看样本数据。</summary> “JavaScript cont justTextData = { 资产：[]， 风格：[]， 页码：[ { 帧数：[ { 组件：{ 类型：“包装”， 可造型：[ “背景”， “背景色”， “背景图像”， “背景重复”，...
artf
这里已修正 https://github.com/artf/grapesjs/commit/f61222ec904ed56794f7b97e362ea2006dfceaf6
ClaudeCode
谢谢你举报，@bimsina。 关于无头模式运行需要窗口的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something change...
#44732022年7月22日作者 skru2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 102.0.5005.115（官方版本）（64位） 可复制演示链接 描述一下那个虫子 如何复现这个漏洞？ 我在JSFiddle上无法复现这一点，但这说法有点道理。 #4373 在 editor.setComponents（）： 中引入了一个 bug： “未捕获（在promise中）引用错误：窗口未定义” 这是在将SVG转换为base64时。src/utils/mixins 快速修复： export const buildBase64UrlFromSvg = （svg： string） => { 如果 （svg && svg.substr...
ClaudeCode
谢谢你举报，@skru。 关于 v0.19.5 Breaks headless editor.setComponents（）： “Uncaught （in promise） ReferenceError： window is not fined” 的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事...
#44662022年7月20日作者 capoia3 个回答
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://jsfiddle.net/weellingtonc/t8hs9f67/2/ 描述一下那个虫子 如何复现这个漏洞？在工作区中添加“按钮立方体”组件点击已创建按钮进入设置组件，更改“texto do botao”属性的值打开查看生成HTML的选项 预期的行为是什么？ 更新特性时，它还会生成一个新的 HTML 目前的行为是什么？ 它保留了按钮的初始状态，保留了旧文本 注意：保存时也会发生这种情况，如果你在更改文本前后点击保存（软盘），你会注意到按钮的文本值没有变化！行为准则 [X] 我同意遵守本项目的行为准则
skru
首先，你的代码需要放进一个插件 [https://grapesjs.com/docs/modules/Components.html#define-custom-component-type]（https://grapesjs.com/docs/modules/Components.html#define-custom-component-type） 而且你不是在更新组件的模型，只是在Canvas里更新html...... https://jsfiddle.net/jmwe...
artf
是的，没错，谢谢@skru 你也可以直接将“内容”与特征连接，读取初始值。 “''js 特征：[{ 标签：'Texto do botão'，类型：'text'，名称：'content'，changeProp： true }]， ```
ClaudeCode
谢谢你举报，@capoia。 关于性状变化不会更新html的好问题。推荐的组件方法是使用事件驱动的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...
#44492022年7月14日作者 skru4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 102.0.5005.115（官方构建）（64 位） 可复制演示链接 https://jsfiddle.net/6Ldn124x/3/ 描述一下那个虫子 如何复现这个漏洞？点击文本块以打开RTE尝试添加一个列表 预期的行为是什么？ 列表工作原理 目前的行为是什么？ 列表不起作用 我整天都在试图找出具体问题。从v0.18.2>v0.18.3，问题源于src/RichTextEditor/model/RichTextEditor.js的更改，但我很难确定它是否能做PR。 有没有更懂的人知道这是怎么回事？ 祝一切顺利行为准则 [X] 我...
skru
我试过找解决办法，但都没成功。 问题发生在： onKeydown（事件） { 如果 （event.key === '进入'） { this.doc.execCommand（'insertLineBreak'）; event.preventDefault（）; } } 但这并不是创建列表时想要的行为。我唯一能想到的是在 RichTextEditor 类中添加另一个属性，用来保存当前正在使用的动作，比如： 同步行动（syncActions）{ this.getActions（）...
artf
我还不确定最好的长期解决方案，但作为一个变通方法，我们可以通过检查“insertOrderedList”/“insertUnorderedList”的活跃状态来避免该条件。我会在下次发布时处理好。
jack2ky
在哪里可以找到像“insertUnorderedList”这样的其他命令？
#44482022年7月14日作者 ronaldohoch4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 勇敢浏览器 最后版本 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？打开演示页面。放置图像。双击选择图片。将宽度设置为100%。将高度设置为自动，或点击高度属性中的“x”。调整图片大小，你会发现宽度保持百分比，高度以像素计算点击预览眼确保图像被压平。 预期的行为是什么？ 缩放算法应该用像素计算，而不是混合 目前的行为是什么？ Resize函数保持%作为主CSS Unity，并用像素计算高度，但当我们点击预览按钮时，列的大小会变化，比如宽度（钢材加工百分比）变了，但高度（像素单位）是坏...
artf
嗨，Ronaldo，我不确定是否有简单的方法能在所有用例中全局修复这种行为，因为你是为两个尺寸调整图像大小，而不仅仅是宽度（那样高度不会改变）。 我建议你可以尝试用这个“可调整大小”选项扩展图像组件 “''js 可调节大小：{ ratioDefault： true， keepAutoHeight： true } ``` 如果这样对你有用，告诉我
gustavohleal
你好，@artf。我们想通过根据用户的使用场景，将宽度和高度的单位始终合并。这意味着当用户将宽度从像素改为百分比时，例如高度也会被改为百分比。有没有办法做到这一点？ 另外，我们怎么把调整尺寸改成用%作为默认单位？
ronaldohoch
如果这样对你有用，告诉我 你好，Arthur，这些配置没有改变图片，它总是用“px”而不是“auto”来设置高度，正如属性“keepAutoHeight”所暗示的那样
#44472022年7月13日作者 barryross3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 103.0.5060.114 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？点击父容器，比如演示中第一个带有“.container-width”类的组件在排版中，选择如绿色等颜色点击一个明显继承了绿色的子元素在样式管理器中展开排版面板 预期的行为是什么？ 我认为我们希望颜色选择器显示所选子元素继承/计算出来的绿色值 目前的行为是什么？ 目前显示的是白色 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ```行为准则 [X] 我同意遵守本项目的行为准则
artf
你好，Barry，是的，目前这是预期行为（也请查看这个[讨论]（https://github.com/artf/grapesjs/discussions/4245）），但我希望有一天能为继承财产提供适当的支持。
barryross
好的，谢谢你告诉我 2022年7月18日星期一上午9：29，Artur Arseniev @.> 写道： 你好，Barry，是的，目前这是预期的行为（也请查看这个） 讨论<https://github.com/artf/grapesjs/discussions/4245>）但我 希望有一天能为继承财产提供适当的支持。 — 直接回复此邮件，请访问GitHub查看 <https://github.com/artf/grapesjs/issues/4447#issuecommen...
ClaudeCode
谢谢你举报，@barryross。 关于样式管理器不能准确反映继承颜色的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#44402022年7月11日作者 skru2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 版本 102.0.5005.115（官方构建）（64位）可复制演示链接 https://jsfiddle.net/trh1sbmk/17/描述一下那个虫子 如何复现这个漏洞？GoTo 提供的提琴。将“扩展文本组件”块拖入编辑器。尝试将“Textable Component”块拖入上一个块的文本中。 预期的行为是什么？ 你可以在现有“文本”组件扩展的文本块内，将可文本块的任意位置拖动。 目前的行为是什么？ 你只能拖到文本开头。 这在#3681中提到，但当时已关闭。 所以，是的，和之前 #2771 修复的文本组件问题一样。 这很奇怪，因为它允许你拖入可文本的...
artf
谢谢@skru是的，我确实有内部问题需要修复，才能正确处理扩展文本组件，但修复后，扩展文本组件时还要记住，使用“components”属性而不是“content”。 “diff” 默认值：{ 标签名：“p”， 样式：{填充：“25px”}， Droppable：确实如此，内容：“你好，扩展文本组件世界！！”components：“你好，扩展文本组件世界！！” }, ```
ClaudeCode
谢谢你举报，@skru。 关于扩展文本组件会破坏可文本块的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期...