已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 877 个问题
🔍 questionGrapesjs面板下的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文件？大多数造型都非常不对劲
我想重新利用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：*”...
你想给GrapesJS添加什么？ 目前，新实例化的编辑器实例会被添加到可索引集合中，用户必须在实现中管理这些编辑器之间的关系。相反，应该有一个托管集合，用户可以提供一个键值，然后映射到编辑器的实例。这也将允许对编辑器 API 进行扩展，添加 CRUD API 端点来管理对象实例。 最新版本有替代方案吗？ 目前没有 这是否与某个问题有关？ 不
artf
我不确定我理解得对不对，你能不能说明一下当前的行为和你的提案？
jlong-crestron
基本上，我希望在初始化时修改一个汇总编辑器实例的暴露列表，这样如果能在初始化配置对象上用类似“editorInstanceId”的新属性，将“editors”从列表改成带有新属性的映射，我可以在接下来的几天内创建一个POC。
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
我正在尝试让预览模式下的组件无法编辑。以下代码无法正常工作。请帮我解决这个问题。 编辑; 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'））;...
我想补充一个小的“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...
[double-click.pptx]（https://github.com/artf/grapesjs/files/5705054/double-click.pptx） 有没有可能，当你只双击某个组件时，“changesCount”参数并没有被递增？ 当你双击且没有任何更改时，参数“changesCount”会被递增。 我在pptx文件里附上了视频，展示了这种行为。 这在任何浏览器中都是可以复现的。
artf
应该会在下一个版本中修复
ClaudeCode
谢谢你举报，@marcepoblet。 关于changesCount是递增的，但没有应用变化，这个问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethin...
你好，我的团队为 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'））; 组...
你好，当元素的尺寸设置为百分比时，出现了一个调整尺寸的bug： ![simplescreenrecorder-2020-12-11_15 46 17]（https://user-images.githubusercontent.com/37115006/101912204-195eae00-3bca-11eb-9c8b-c202b61b9d1e.gif） 你可以在这里查看本期[https://codesandbox.io/s/grapes-resize-2ycel?file=/src/index.js]
artf
不是bug，只是我一直没怎么正确调整比例 🙃 如果能有永久居民就好了
ClaudeCode
谢谢你举报，@kuhelbeher。 随百分比调整大小的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包...
你好， 我在TraitManager中添加了一个新的类型“array”。所以我可以添加几个子特征。有一点我必须检查模型的特征。我用的是这样的构造： 有没有更简单的方法可以直接从组件获取组件的模型？ 此致敬礼， 迈克尔
Stiggi
比我想象的简单:) 'editor.getSelected（）.defaults.traits'
ClaudeCode
谢谢你举报，@Stiggi。 关于如何获得组件模型特性的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 e...
我使用的是 GrapesJS 版本（0.16.27），并且在编辑器中集成了 grapesjs-style-bg 插件。功能完全正常。但点击背景属性的标签页时，问题就出现了。它立刻切换了标签页。 尤其是在选择渐变选项时，我已经集成了插件，正如本[问题]（https://github.com/artf/grapesjs/issues/2858）中提到的。我不确定我是不是漏掉了什么。在GrapesJS的演示中运行得非常好。 分析时发现点击事件被触发了多次，有没有什么钩子可以让我们在style-bg插件里监听标签页的点击图标，或者请告诉我如何更好地解决这个问题 请参阅附带视频以获得更清晰的问题 [video.zip]（https://gi...
artf
谢谢你发的问题视频，但这对解决问题毫无帮助。如果你做不到可复现的演示，我帮不上忙。
sathyanarayananaCES
感谢@artf观看视频，我会尝试制作一个可复现的演示并附上这里。
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。