GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 231 个问题

🔍 general
#35102021年6月2日作者 iabhiyaan2 个回答
0 个反应

在某些事件后重新渲染特征(比如点击)

点击按钮后如何重新渲染属性?注意:重新渲染不应该是主导修改。 我创建了一个函数,通过调用 'createInput()' 中的 'render()' 来渲染 trait 有没有办法用更新后的dom字符串重新渲染这些特征,这个字符串最初是在'createInput()'上创建的?

artf

createInput只调用一次,如果你想更新属性的UI,可以依赖每次选择更改时调用的“onUpdate”。 附言:请避免使用“问题”提问,请查看讨论标签

ClaudeCode

谢谢你举报,@iabhiyaan。 关于关于某些事件后(比如点击)后渲染特质的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something ch...

#35072021年6月1日作者 cedriclajato2 个回答
0 个反应

没有生成的ID和自动选择的ID。

大家好, 我用的是 grapesjs-blocks-bootstrap4,检查它们的组件,看起来都正常。 但当你选择块类容器时,它会针对类而不是唯一ID。 ![bootstrap-4-element](https://user-images.githubusercontent.com/57404000/120257180-4a3eb680-c2c2-11eb-872a-e7da78e74ff4.PNG) 我用这个model.set('attributes', { id: randomID() }设置了随机ID);但当你选择该块时,它仍然指向的是类而不是 ID

artf

https://github.com/artf/grapesjs/issues/2936#issuecomment-680322089

ClaudeCode

谢谢你举报,@cedriclajato。 感谢你分享关于无生成ID和无自动选择ID的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。...

#35062021年5月31日作者 iabhiyaan3 个回答
5 个反应

专长:在方块上添加点击事件

“''js editor.on('block:click', (block) => { console.log(区块) }) ``` 或者有没有办法在块子里监听点击事件?

artf

其实你可以利用块中的[custom render](https://grapesjs.com/docs/modules/Blocks.html#custom-render)来应用自定义DOM事件。 “''js blockManager.add('some-block-id', { // ...区块定义 render: ({ model, el }) => { el.addEventListener('click', () => { console.log(“块状”,型号)...

YyueeiWY

<pre> editor.on('component:selected', (some, argument) => { console.log(某些,论证); }) </pre> https://grapesjs.com/docs/api/editor.html#available-events

ClaudeCode

谢谢你举报,@iabhiyaan。 关于FEAT:在方块上添加点击事件,这个问题很棒。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something ch...

#35042021年5月31日作者 snowballrandom2 个回答
0 个反应

我注意到有人使用了 font awesome 4.7 的早期版本。

我注意到有人使用了 font awesome 4.7 的早期版本。 我使用 fontawesome 5.2 版本,似乎在与 Grapes JS 版本同时加载时会出现问题,有些字体无法加载,或者新 fontawesome 字符集中的类名发生了变化。 我该如何使用 Fontawesome 的新版本? 我需要编辑Grapes JS源代码并编译才能使用更新的fontawesome吗? ![截图来自2021-05-30 21-29-36](https://user-images.githubusercontent.com/2145779/120131485-28441780-c18e-11eb-8064-fbcb754c0104.png)

artf

你可以在初始化时更改这个选项: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/editor/config/config.js#L165-L168

ClaudeCode

谢谢你举报,@snowballrandom。 关于*的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件...

#35002021年5月28日作者 vijayshukla302 个回答
0 个反应

按类型移除自定义特质。

我创建了一个自定义特质,但该特质的名称将是动态的,目前尚不清楚。 问题是当前的 removeTrait() 只对 name/id 有效。但如果我想用自定义特性移除组件中的所有特征怎么办? 举个例子:我创建一个“my-custom-trait”特性并绑定到组件上。 component.addTrait({ 名称:“some_random”, 选项:[], 类型:“我的定制特质” }); 现在我想把它删掉,但我不知道名字。

artf

你可以使用该身份证 “''js component.addTrait({ ID:“我的定制特质”, 名称:“some_random”, // ... }); // ... component.removeTrait('my-custom-trait') ```

ClaudeCode

谢谢你举报,@vijayshukla30。 感谢你分享关于按类型移除自定义特质的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。Gr...

#34972021年5月28日作者 mosh-tudor2 个回答
1 个反应

按钮特性命令不起作用

版本: 最新详细描述那只虫子 https://jsfiddle.net/cleaver/wgz2jsvq/2/ 以下内容没有发生: “''js 特质:[ { 文本:“简单按钮”, 类型:“按钮”, 全文:真实, 命令: () => { console.log(“坏掉的按钮”); alert(“坏掉的按钮”); }, }, ] ``` --- 在版本 0.16.45** 上,同样的代码运行良好: https://jsfiddle.net/cleaver/kenvpt50/1/

artf

感谢报告,@tudor-ooo 将在下一个版本中修复

ClaudeCode

谢谢你报告,@mosh-tudor。 按钮特性命令不起作用的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报...

#34922021年5月27日作者 iabhiyaan2 个回答
0 个反应

功能:insertAdjacentHTML('afterend', '<section></section>')Grapesjs 里有类似的 API 吗?

有没有办法在选定组件后面用 grapesjs 添加新部分?

artf

你可以这样做: “''js const cmp = editor.getSelected(); cmp.parent().append('<section>...</section>', { at: cmp.index() + 1 }); ```

ClaudeCode

谢谢你举报,@iabhiyaan。 关于FEAT: insertAdjacentHTML('afterend', '<section></section>')的好问题。Grapesjs 里有类似的 API 吗?推荐的组件方法是使用事件驱动的API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留...

#34892021年5月27日作者 samichamoun1 个回答
0 个反应

大图片在编辑器视图中推开列宽

作为前言,我描述的问题不会影响编辑生成内容的输出,只是在查看编辑器内部的内容时。 假设我在编辑器上创建了两列。两者宽度各为50%。 如果我把一张大图片拖到这些单元格里,它会把单元格的宽度推得很大,而不是调整大小以适应编辑器容器。 我能做些什么来修复这个问题吗?

ClaudeCode

谢谢你举报,@samichamoun。 关于大图片在编辑器视图中推高列宽的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something chan...

#34812021年5月25日作者 zgeist4 个回答
4 个反应

将下线库更新为1.13。*

当前版本存在安全问题 可能是更新到最新版本

igorstasiuk

是的 +1,需要更新到最新的 Underscore 版本

artf

大家好,我把这封邮件作为#3443的重复关闭

kirill-malyhin

渗透测试后也需要修正!

#34792021年5月25日作者 palash-zinfi1 个回答
0 个反应

测试岗

测试岗

ClaudeCode

谢谢你举报,@palash-zinfi。 感谢你分享关于测试帖子的反馈。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。GrapesJS团...

浏览所有主题