GrapesJS 问题

artf

可能有必要添加一个新的“component.move（desComponent， opts）”方法来应对这种情况，但目前你可以用以下方式实现： “''js const selected = editor.getSelected（）; select.remove（{ temporary： true }）;临时选项可以避免移除与组件相关的样式 editor.getWrapper（）.append（selected， { at： 0 }）; ```

GJSBlock

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

artf

修复已准备好下一次发布

GJSBlock

谢谢你举报，@TouficNouwayhedd。 在预览模式下，工具栏只是隐藏但仍可点击的问题，似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...

gixid192

关键是——HTML缺失了。 如果可以的话，建议你把代码分享到codesandbox或类似的在线编辑器里。

artf

是的，我们需要完整的代码来理解问题。 无论如何，如果你用的是“脚本”，请定义一个自定义组件，而不是直接放在块里，否则存储会有问题。我知道文档里是这样说明的，但块的使用只是示例（我希望能在下一个版本更新）

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

artf

不要不尊重，阅读并遵循问题模板......

GJSBlock

感谢你报告，@maivanchuong。 i want save and load in in mvc 的问题似乎 asp.net 竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（C...

vbeskrovny

通过使用 StorageManager 中的 json 内容解决了这个问题。

GJSBlock

谢谢你举报，@vbeskrovny。 关于需要帮助：保存/恢复GJS数据块类型的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...

artf

抱歉兄弟，我这里只回答你的主要问题如果我在动态添加的组件上拖放一个方块，我如何获得或访问该方块被投放到的组件？ “''js 模块和组件是两个不同的概念，如果你不理解，请阅读文档 editor.on（'block：drag：stop'， （component， block） => { 如果存在分量，表示掉落成功 如果（分量） { component.addStyle（{ color： 'red' }） // 例如：更新风格 你需要包含这个新组件的父节点吗？ const par...

inthismachine

@artf如果xxx被非法丢弃，有没有办法把<mj-text>xxx</mj-text>包裹在MJ截面和MJ列里？比如使用者试图把它砸在身体上。原因是我想自动把丢弃的文本块添加到一列行里，如果它没有放在列内。

GJSBlock

谢谢你举报，@sprklinginfo。 关于需要帮助：获取方块被投放到的组件？ 这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...

artf

目前，唯一的方法是使用这个非公开的API。 “''js editor.getModel（）.initBaseColorPicker（DomElement， { / spectrum options / }）; ``` 我已经开始开发一个新的UI模块，以应对类似情况（比如添加/替换GrapesJS UI元素的能力），但遗憾的是，我不知道它什么时候发布，因为它还处于实验阶段。

himedlooff

有没有办法保留色彩选择器，同时配置光谱选项？比如说，如果我想强制十六进制颜色，我可以传递“{ preferredFormat： ”hex“ }'？

GJSBlock

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

artf

我不确定我理解得对不对，你能不能说明一下当前的行为和你的提案？

jlong-crestron

基本上，我希望在初始化时修改一个汇总编辑器实例的暴露列表，这样如果能在初始化配置对象上用类似“editorInstanceId”的新属性，将“editors”从列表改成带有新属性的映射，我可以在接下来的几天内创建一个POC。

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

artf

通过这种方式修复你的功能 “''js whenRunPreview（ed， type） { ed.getWrapper（）.findType（type）.forEach（cmp => cmp.set（{ editable： false }）） } ```

GJSBlock

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

artf

不是bug，只是我一直没怎么正确调整比例 🙃 如果能有永久居民就好了

GJSBlock

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