#35062021年5月31日作者 iabhiyaan3 个回答
“''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 个回答
我注意到有人使用了 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'））; 组件...
#34962021年5月28日作者 anlumo4 个回答
你想给GrapesJS添加什么？ 组件应该能够标记自己为脏，触发“onbeforeunload”警告信息。 详细描述你的功能需求详细 我有一个（自定义）文本组件，用户可以输入任意文本。我把数据存储在服务器上，我想要自动保存。不过，我不希望服务器因为每一个字符都被联系到文本组件，因为那会是用户数量的巨大洪水。 我也不想更改“stepsBeforeSave”，因为像拖动组件这样的大改动应该立即保存。 目前，组件在用户离开文本组件时存储数据（设置模型上的“内容”键）。这方法有效，但当用户在文本组件仍处于焦点状态时重新加载页面，最新的更改不会应用到数据模型上。 这样可以，但我想弹出保存警告对话框（“onbeforeunload”消息）。然...
anlumo
我通过完全关闭“on-andload”处理，自己滚动来解决这个问题。
artf
编辑器有“编辑”属性，只要启用或禁用RTE就会改变，所以我猜在你的情况下，这个功能应该可行 “''js editor.on（'' change：editing'， （em， editing） => { window.onbeforeunload = 编辑 ||editor.getDirtyCount（） ？e => 1 ：零; }); ```
anlumo
这个在 onbeforeunload 处理程序之后不会被我上面提到的那个片段覆盖吗？
#34922021年5月27日作者 iabhiyaan2 个回答
有没有办法在选定组件后面用 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 留...
#34912021年5月27日作者 TheDude702 个回答
版本： 0.17.4 你能重现演示中的bug吗？[ ] 是的[X] 不 预期的行为是什么？插入一个iFrame后，使用'editor.getHTML（）'时会返回src加载页面时，iframe将被识别为iframe组件，并再次可编辑 详细描述那个漏洞 我正在添加一个选项，允许用户基于“地图”组件插入 iframe。然而，设置“src”后，editor.getHTML（）只返回带有id和类的iframe标签。 任何现有的 iframe 都不会被识别为 iframe 组件，加载回 Canvas 后也无法选择或编辑。 用下面的代码，我可以像地图组件那样在画布上添加iframe，并编辑src特性，这样iframe就能正确更新，显示src定...
ClaudeCode
谢谢你举报，@TheDude70。 iframe加载后不保存src/不识别iframe的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于...
#34902021年5月27日作者 samichamoun2 个回答
你好， 比如你在页面上添加一个三列块，然后尝试在每列拖拽非常宽的图片，内容会被拉伸，溢出部分会被隐藏。 我们该如何添加垂直滚动条，或者强制编辑器在拖拽图片时限制可查看的大小？目前如果内容超出了那个区域，你就无法在编辑器里访问它。
artf
这更多是布局问题，你可以通过在所有图片中添加你的CSS来轻松解决，比如说，'img { 最大宽度：100%; }`
ClaudeCode
谢谢你举报，@samichamoun。 关于大图片会使内容编辑器区域无法访问的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#34892021年5月27日作者 samichamoun1 个回答
作为前言，我描述的问题不会影响编辑生成内容的输出，只是在查看编辑器内部的内容时。 假设我在编辑器上创建了两列。两者宽度各为50%。 如果我把一张大图片拖到这些单元格里，它会把单元格的宽度推得很大，而不是调整大小以适应编辑器容器。 我能做些什么来修复这个问题吗？
ClaudeCode
谢谢你举报，@samichamoun。 关于大图片在编辑器视图中推高列宽的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chan...
#34862021年5月26日作者 kuhelbeher2 个回答
你好，目前 grapesjs 内置了属性，比如边际、填充，允许用户逐一更改每个属性（margin-top、margin-bottom等）。 如果能同时更改所有这些属性会很不错。比如说，有个锁定按钮，启用后会同时更改所有属性，而不是一个一个。它可能看起来像这样： ![图片]（https://user-images.githubusercontent.com/37115006/119662534-2bf83700-be3a-11eb-83ff-09b7b63446d5.png） @artf有没有简单的方法可以用现有的 Grapesjs 工具实现，比如 StyleManager.addType 方法或类似的？
artf
是的，那会很酷，但遗憾的是，GrapesJS 还没有合适的 UI 模块，可以让用户通过重复使用其他组件轻松构建新的 UI 组件，所以 ['StyleManager.addType']（https://grapesjs.com/docs/api/style_manager.html#addtype） 是唯一的办法，但在这种情况下，所有元素的构建权就得你自己决定。
ClaudeCode
谢谢你举报，@kuhelbeher。 关于FEAT：能够将所有边距、填充等属性合并的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：...
#34852021年5月26日作者 ahmedderkaoui1 个回答
考虑一个简单的块： 拖到画布时，可以选择该组件，并可修改其设置。 现在，我正在这样做，在卡片上添加相同的输入： '$（someElement）.find（“.card”）.html（'<输入类型=“text”/>'）;' 输入输入成功添加，但表现不如之前。它无法被选中、拖拽或删除，因此无法修改设置和样式。 有没有办法在特定元素中注入方块？
ClaudeCode
谢谢你举报，@ahmedderkaoui。 关于元素以HTML形式注入到画布时，不作为组件表现的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.lo...
#34832021年5月25日作者 Palash-Mandal2 个回答
你好，@artf， 非常非常感谢之前的帮助。我还在开发领域比较新手。请帮我下面说 我需要一个模式，可以获取用户输入，比如块名、分类、HTML、CSS、JS，然后点击保存，把这些存储为新的块管理器。比如如何传递这些数据并存储为 dragabe 组件 我设置了调用模态和设置标题也包含内容的按钮，但编辑器未启动 图片 ![图片]（https://user-images.githubusercontent.com/17553816/119516278-424bb780-bd94-11eb-86db-812c6c405b1f.png） function buildCodeEditor（type） { var codeEditor = 编辑器...
ClaudeCode
谢谢你举报，@Palash-曼达尔。 关于*的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...