#39312021年11月9日作者 mrobertshaw4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 最新动态 可复制演示链接 无 描述一下那个虫子 首先，非常感谢你提供这么棒的软件——我非常喜欢！！ 我刚刚更新到最新的GrapesJS（之前用的是0.16.x版本），但遇到了关于“color”属性类型的新问题。 之前这个方法运行正常，但升级后似乎出现了以下 Javascript 错误： KinisiteWysiwyg.js：formatted：24937 未捕获类型错误：i.getValue 不是函数 at r.getColorEl （KinisiteWysiwyg.js：formatted：24937） at render （Kini...
artf
感谢@mrobertshaw报告。修复将在下一个版本中发布。
miladmeidanshahi
非常感谢修复，@artf请尽快发布。
miladmeidanshahi
升级到最新版本后依然是同样的错误。@artf ![截图：2022-01-19 17-03-22]（https://user-images.githubusercontent.com/11172818/150140879-78509f2b-5e42-4d77-aea5-dc09da10dc28.png）
#39172021年11月2日作者 denny993 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 克罗姆95 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞？添加ts config file '''json { “compileOnSave”： false， “compilerOptions”： { “forceConsistentCasingInFileNames”： true， “严格”：真， “noFallthroughCasesInSwitch”：true， “noImplicitAny”：错误， “strictNullChecks”： false， “baseUrl”： “./”， “outDir”：“./target/gen...
artf
嗨，丹尼，谢谢你的报告。我决定关闭这条，转而使用#3902，因为它应该相关（即使错误不同）。 请试试新版本，如果能解决问题请告诉我。
marcosvnmelo
我正在做一个 React + Typescript 项目，.28 版本也遇到同样错误
ClaudeCode
谢谢你举报，@denny99。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下触发 保...
#38832021年10月21日作者 akhalid-dev1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v91 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？直接访问网站：https://grapesjs.com/demo.html。清理画布以便进行更简单的演示。从“模块”部分插入文本元素。选择丢弃的文本元素，选择“样式管理器”，展开“排版”部分。粘贴十六进制值：“8ceb34”。这会在 GrapesJS 画布中将文字颜色更新为绿色。然而，当我们查看生成的CSS或导出为zip时，缺少的“#”符号将缺失，颜色也不会被应用。 ![图片]（https://user-images...
ClaudeCode
感谢你举报，@akhalid-dev。 关于 GrapesJS 导出功能和“查看代码”功能，以及 Canvas 在十六进制颜色方面不一样的建议，真是太棒了。！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“sel...
#38792021年10月20日作者 mortimerz1 个回答
你好，@artf！ 我按照我在关于[如何将选择器管理器事件/动作添加到撤销管理器栈]（https://github.com/artf/grapesjs/discussions/3877）中提出的问题，设置了这个bug。 我认为我们想要的是撤销管理器能够跟踪选择器管理器中发生的事件/操作。 谢谢！
ClaudeCode
谢谢你举报，@mortimerz。 关于选择器管理器未被撤销管理器追踪的更新，这是个很好的问题。推荐的UndoManager方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...
#38782021年10月20日作者 Sudhin354 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v9可复制演示链接 不是在那里描述一下那个虫子 如何复现这个漏洞？在 React 应用中安装 Grapes js打开葡萄 js 编辑器在 grapes js init 中实现多页概念为每个页面创建一个重命名按钮 预期的行为是什么？ 应该有办法为每个页面重命名页面名称和页面ID。 目前的行为是什么？ 我找不到任何方法为每个页面重命名页面名和ID。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 行为准则[X] 我同意遵守本项目的行为准则
Sudhin35
@artf 目前没有办法做到吗？请帮帮我解决这个问题，我被拉黑了
artf
@Sudhin35下次请开启讨论，因为没有真正的漏洞需要修复或重现。 无论如何，这就是你现在的做法 'page.set（{ id： 'new-id'， name： 'new name' }''
Sudhin35
@artf 感谢回复，其实我之前卡住了，所以把bug发了，下次会开放讨论 但现在使用上述命令后，我出现了“this.editorData.Pages.pages.config.pages'[index].set”不是函数“，出现了这个错误 如果我的代码有任何问题，请帮帮我
#38352021年9月29日作者 paooolino4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 铬93可复制演示链接 https://codepen.io/paooolino/pen/WNOPgJy描述一下那个虫子 如何复现这个漏洞？ 这很简单，因为我之前用的是 Grapes v.0.16.xx，一直正常，直到升级到最新版本后，我的样式管理器面板就消失了。我可以提供一个带有旧版本（正常工作的）编码笔 https://codepen.io/paooolino/pen/jOwdvZv 然后又有一个代码相同但库升级的版本（无法工作） https://codepen.io/paooolino/pen/WNOPgJy 代码很简单，因为我只需要在自定义的 di...
paooolino
我确认是从v0.17.25开始的 v0.17.22 >>>工作 v0.17.25 >>>无法工作
artf
谢谢你，Paolo，这个问题会在下一个版本里修复。 问题出在默认的StyleManager开启命令上，它会把渲染出来的部分从你的容器移到默认的容器上。 你可以通过禁用默认按钮来验证这一点，该按钮会激活命令（按下后元素会移动）。 “''js 编辑。Panels.getButton（'views'， 'open-sm'）.set（'active'， false）;
paooolino
谢谢你的释放。抱歉重新开放了 ：-）但现在 StyleManager appendTo 可以正常工作，而 blockManager appendTo 似乎坏了。之前的StyleManager也有同样的问题。我确认过之前的版本是正常的，但现在版本 0.17.27 已经不显示了。🙏如果你需要密码笔，直接告诉我。
#38322021年9月29日作者 Sudhin354 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug？ 在 React 应用中安装葡萄 js 进入编辑器，拖动一个组件。（示例：文本组件） 使用样式管理器为组件做样式 保存到数据库，在编辑器里查看代码 重新加载页面 请参见编辑器中的代码 预期的行为是什么？该 ID 的 html 标签 id 和 css 不应被更改或删除，即使重新加载编辑器 目前的行为是什么？如果我们在任何更改后重新加载编辑器，html 代码中的 id 会改变，而该 id 的 css 也会被删除 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： const edit...
artf
关闭“autoload： true”，你会把所有东西加载两次
#38102021年9月23日作者 mihir-khandekar4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 92.0.4515.131（官方构建）（64位）可复制演示链接 无描述一下那个虫子 如何复现这个漏洞？使用编辑器将 HTML 插入 Canvas。Canvas.getBody（）.ownerDocument.execCommand（'insertHTML'， false， HTMLString）' 命令。插入的 HTML 会显示在编辑器画布上。使用编辑器的 editor.getHtml（） 函数。'editor.getHtml（）'返回的HTML字符串不包含通过execCommand命令插入的HTML。 预期的行为是什么？ 最终 HTML 应返回通过 '...
artf
getHTML 与画布的 DOM 无关...... 仔细阅读文档 https://grapesjs.com/docs/modules/Components.html，尽量理解模型和组件视图之间的区别。
mihir-khandekar
@artf感谢你的迅速回复，那么正确的做法是什么？ 我的需求是：我想在当前光标位置添加一个组件。那我怎样才能让它成为 editor.getHtml（） 方法的一部分？
ionutmiftode
@mihir-Khandekar，你修好了吗？
#37532021年9月7日作者 migokcek3 个回答
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v92 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 当我从Microsoft Office、Word或任何网站获取任何文本时，它都会附带自己的CSS和font-color，而font-color属性对文本来说无法使用。 第二个bug是当我尝试更改字体大小时，它改变的是“文本框”的大小，而不是字体大小。 我还想补充！在StyleManager中很重要，但没用 ![葡萄虫]（https://user-images.githubusercontent.com/43312554/1322619...
artf
如果你粘贴一个带有自己内部风格的文本，你必须为每个粘贴的组件更换，因为它们的样式会覆盖父样式。
chirag0110
@artf，即使是我们也无法更改任何粘贴的组件。我已经添加了来自Lorem ipsum网站的Lorem ipsum文本。当我粘贴文本时，用“P”标签包裹文字，id=“i835ol”。 我无法更改“P”标签的样式。我也试过GrapesJ的演示版。请查看附上的截图。 ![图片]（https://user-images.githubusercontent.com/20700428/150919741-3bad2eeb-d1fc-470f-adff-95a75e917d04.png）
ClaudeCode
谢谢你举报，@migokcek。 从任何地方复制文本时，样式管理器工作不正常的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识...
#37452021年9月2日作者 Light08152 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chromev93 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？导入以下代码现在尝试删除背景图片：URL不可能 预期的行为是什么？ 点击正文，打开“打开样式管理器”，再打开“装饰”后，“背景”应该会显示带有图片的图层。这样就可以删除了。 目前的行为是什么？ 点击正文，打开“打开样式管理器”，再打开“装饰”后，“背景”应该会显示带有图片的图层。它不会显示，因此无法删除 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 不，不是行为准则 [X] 我同意遵守本项目的行为准则
artf
你好，感谢@Light0815报告，但我已经知道图层和导入CSS相关的bug，所以我把这个作为#1396的重复关闭
ClaudeCode
谢谢你举报，@Light0815。 关于导入后无法删除背景图片：正体URL的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethi...