#31972020年12月19日作者 craighaworth2 个回答
版本： "0.16.30 你能重现演示中的bug吗？ [ x] 是的（通讯演示版） 预期的行为是什么？ 图像大小调整的handle应该在不抛出异常的情况下调整图像大小。 详细描述那个漏洞 点击任何图片缩放的手柄都会触发未抓到的类型错误。 PropertyView.js：504 未捕获类型错误：无法读取未定义的属性“get” 在r.isTargetStylable（PropertyView.js：504） 在r.checkVisibility（PropertyView.js：326） 在r.target更新（PropertyView.js：269） 东部时间（index.js：759） 在R.<anonymous>（index.js...
ClaudeCode
谢谢你举报，@craighaworth。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件...
#31962020年12月19日作者 fzerman3 个回答
你好，@artf， 非常感谢你提供这个很棒的框架。 我想为葡萄贡献力量。不过，我用webpack和Babel真的很蠢。当我尝试构建葡萄时，我犯了一些错误。 错误： “控制台[email protected] 版本npm 运行检查 & npm 运行 v：patch & npm 运行构建开发 & npm 运行构建-生产[email protected] 检查NPM 运行 lint 和 npm 运行测试[email protected] lintEslint src SH： 1： ESLINT： 未找到 NPM，呃！代码127 NPM，呃！path /home/furkan/Desktop/grapesjs/grapesjs NPM，呃！指挥...
longdoan7421
@Swindler36 这个错误是找不到“eslint”。你运行过“npm安装”吗？
fzerman
@longdoan7421我修正了这个错误。谢谢。 我想问两个关于webpack和Babel的新问题。我可以分别使用webpack和Babel。不过。我无法将他们整合进去。我该怎么做？如何利用它的npm文件在不做测试的情况下构建葡萄？我只想生成捆绑文件。
ClaudeCode
谢谢你举报，@fzerman。 问题：用npm建造葡萄的问题似乎是竞赛条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中...
#31952020年12月19日作者 henry9304 个回答
Grapesjs面板下的JavaScript能加载吗？
fzerman
你好@henry930， 我通过开发一个装弹器解决了这个问题。 “''js let editorConfig = { 你的配置 } 设编辑器 = false; 函数 editorLoad（）{ $（editorConfig.container）.empty（）;与JQuery合作 editor = grapesjs.init（editorConfig）; editor.load（）; } editorLoad（）; 你的编辑器会重新加载。你的html、css......将会...
artf
https://grapesjs.com/docs/modules/Components-js.html
Aze1337
我不明白四年过去了，为什么它还不支持导入用JavaScript渲染的单个HTML文件？大多数造型都非常不对劲
#31942020年12月18日作者 stljeff13 个回答
我想重新利用GrapesJS中使用的色彩选择器。 我必须用颜色选择器来设置一些项目的关卡设置。这些设置可以通过GrapesJS编辑器访问。我想利用现有用于字体颜色等特性的颜色选择器。 我看到过[这篇帖子]（https://github.com/artf/grapesjs/issues/1393）关于扩展一个特性以获得颜色选择器。很遗憾，我觉得我做不到。据我所知，特质是组件的一部分;我不是在处理组件，而是在处理 GrapesJS 一般范围之外的项目层级设置。 我只需要把输入标签传递给 Spectrum，并且能够在 Change 上添加事件处理功能。我能看到grapesjs.js编译包里有Spectrum插件，只是不明白是否以及如何利...
artf
目前，唯一的方法是使用这个非公开的API。 “''js editor.getModel（）.initBaseColorPicker（DomElement， { / spectrum options / }）; ``` 我已经开始开发一个新的UI模块，以应对类似情况（比如添加/替换GrapesJS UI元素的能力），但遗憾的是，我不知道它什么时候发布，因为它还处于实验阶段。
himedlooff
有没有办法保留色彩选择器，同时配置光谱选项？比如说，如果我想强制十六进制颜色，我可以传递“{ preferredFormat： ”hex“ }'？
ClaudeCode
谢谢你举报，@stljeff1。 关于我该如何重新利用Spectrum选色器？的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”...
#31932020年12月18日作者 jlong-crestron4 个回答
你想给GrapesJS添加什么？ 目前，新实例化的编辑器实例会被添加到可索引集合中，用户必须在实现中管理这些编辑器之间的关系。相反，应该有一个托管集合，用户可以提供一个键值，然后映射到编辑器的实例。这也将允许对编辑器 API 进行扩展，添加 CRUD API 端点来管理对象实例。 最新版本有替代方案吗？ 目前没有 这是否与某个问题有关？ 不
artf
我不确定我理解得对不对，你能不能说明一下当前的行为和你的提案？
jlong-crestron
基本上，我希望在初始化时修改一个汇总编辑器实例的暴露列表，这样如果能在初始化配置对象上用类似“editorInstanceId”的新属性，将“editors”从列表改成带有新属性的映射，我可以在接下来的几天内创建一个POC。
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
#31922020年12月18日作者 niveth092 个回答
我正在尝试让预览模式下的组件无法编辑。以下代码无法正常工作。请帮我解决这个问题。 编辑; ngOnInit（）{ this.editor = this.initializeEditor（）; this.editor.on（'load'， （） => this.editor.runCommand（'preview'））; this.editor.on（'run：preview'， （） => { this.editor.Panels.getPanels（）.reset（[ 某种代码 ]) this.whenRunPreview（this.editor，'text'）; this.whenRunPreview（this.editor，...
artf
通过这种方式修复你的功能 “''js whenRunPreview（ed， type） { ed.getWrapper（）.findType（type）.forEach（cmp => cmp.set（{ editable： false }）） } ```
ClaudeCode
谢谢你举报，@niveth09。 关于如何让组件在预览模式下不可编辑？的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#31912020年12月18日作者 echobinod2 个回答
我想补充一个小的“if”条件，比如： 如果（块1被拖拽）{ 表演模态 }
artf
你可以使用“block：drag：stop”事件 “''js editor.on（'block：drag：stop'， （component， block） => { // ... }) ```
ClaudeCode
谢谢你举报，@echobinod。 关于如何识别哪个块被拖入画布？的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed...
#31902020年12月18日作者 mshafiq2352 个回答
你好，@artf， 感谢你构建并维护了这个精彩的套餐。 问题 我正在使用 Nicepages 来构建模板并上传到我的网页应用。我已经集成了Grapesjs，管理员可以轻松编辑模板。我遇到的问题是 Nicepages 会添加以下视频标签 当这个模板在 Grapesjs 中打开时，grapesjs 会像这样在父“视频”标签中添加源代码 如果你能帮我解决这个问题，那就太好了。我很乐意用GrapesJS修复并发起拉取请求
artf
GrapesJS 中的默认视频组件处理方式不同（无源代码）。就你而言，我建议扩展默认版本，并添加对来源的支持。
ClaudeCode
谢谢你举报，@mshafiq235。 关于src自动添加到视频标签的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致...
#31892020年12月16日作者 marcepoblet2 个回答
[double-click.pptx]（https://github.com/artf/grapesjs/files/5705054/double-click.pptx） 有没有可能，当你只双击某个组件时，“changesCount”参数并没有被递增？ 当你双击且没有任何更改时，参数“changesCount”会被递增。 我在pptx文件里附上了视频，展示了这种行为。 这在任何浏览器中都是可以复现的。
ClaudeCode
谢谢你举报，@marcepoblet。 关于changesCount是递增的，但没有应用变化，这个问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethin...
#31882020年12月16日作者 GoodPHP1 个回答
你好，我的团队为 GrapesJS 开发了这个自定义块。 <img src=“https://devfuture.pro/wp-content/uploads/2020/12/GrapesJS-Preset-Webpage-2020-12-16-00-35-02.png”> 我们这里有视频示例：https://www.youtube.com/watch?v=ZDnWS0X145s 你怎么看？你喜欢吗？ 我们在GrapesJS上的服务：https://devfuture.pro/grapesjs-development/
ClaudeCode
谢谢你举报，@GoodPHP。 关于组件自定义模块——你怎么看？GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组...