GrapesJS 问题

sizhousama

@artf

artf

那个课程是从你的应用里来的，所以可能有成千上万的原因，我们光看两张截图是帮不了你的。如果你认为有bug，按照模板正确打开问题，并创建一个可复现的演示。

GJSBlock

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

ltenti-eventboost

谢谢你们俩！

Ju99ernaut

我觉得它没有被存储，因为属性没有从默认状态更改。编辑器应能从组件定义中恢复该属性。

Ju99ernaut

试着把它加进“默认值”里

Ju99ernaut

这个插件有一个CSS网格布局工具 https://github.com/Ju99ernaut/grapesjs-plugin-toolbox https://user-images.githubusercontent.com/48953676/115495409-d98a9000-a267-11eb-923a-b6f86cbefc99.mp4

artf

@Ju99ernaut了不起的插件

GJSBlock

谢谢你举报，@rattrayalex。 关于FEAT： CSS Grid的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行...

artf

你好@chrisijoyah你试过用'canvas：dragdata'吗？这里举个用法示例 https://jsfiddle.net/artur_arseniev/87rcb24n/

chrisijoyah

你好@chrisijoyah你试过用“canvas：dragdata”吗？这里举个用法示例 https://jsfiddle.net/artur_arseniev/87rcb24n/ 这是否意味着我可以阻止丢失的模型被添加到画布中？理想情况下，我想做一些检查，确定拖曳后的方块是否可以被放入某个区域，如果通过检测，我想在添加之前阻止它被放入。有没有办法做到这一点？我能不能做类似“result.content='' 或者类似...... “''js editor.on（'can...

artf

我能做类似result.content= ''的操作吗？ 是的，你应该能用这个技巧做到这一点。你能多说说你的使用场景吗？你想做什么样的检查？

Ju99ernaut

“''js window.editor = grapesjs.init（{ // ... 选择经理：{ componentFirst： 1， } // ... }); ```

ahmedderkaoui

非常感谢！

GJSBlock

谢谢你举报，@ahmedderkaoui。 关于样式管理器能否总是生成ID，而不是使用已定义的元素类？，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => con...

bgrand-ch

你好， 对于未来的问题或技术问题（非漏洞），GitHub的[讨论]（https://github.com/artf/grapesjs/discussions）标签是最佳选择。 如果问题已解决，请关闭，或在[讨论]（https://github.com/artf/grapesjs/discussions）->[问答]（https://github.com/artf/grapesjs/discussions/categories/q-a）类别写一条详细的新消息（并关闭本期）。...

anlumo

是的，如果你有任何互动内容，那可能行不通。幸运的是，我的申请情况并非如此。

Ju99ernaut

也许你可以在服务器端安装Grapesjs（类似客户端），用来渲染，否则你得逆向工程渲染器。另一种选择是将生成的HTML也存储在数据库中。

GJSBlock

谢谢你举报，@YumiChen。 网页组件槽中排序器方向错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报...

GJSBlock

谢谢你举报，@YumiChen。 flex-direction： column 和 float： left： 使排序器方向错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示...

Abhisheknanda1344463

已经修好了。 问题已定。

GJSBlock

谢谢你举报，@Abhisheknanda1344463。 关于观察-：移动视图不一致的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethin...

rywilson28

相关公关：https://github.com/artf/grapesjs/pull/3393

rywilson28

@artf对这个功能或PR的做法有任何疑问吗？

GJSBlock

谢谢你举报，@rywilson28。 关于FEAT：允许使用函数动态丢弃配置的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件...