GrapesJS 问题

paooolino

见这里 #3835

ClaudeCode

感谢你报告，@sduncan部落。 关于从0.16.27升级到0.17.27后块无法工作的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'someth...

arthuralmeidap

你好，@flowize-PROJECT！希望你一切顺利！在你的问题中，你发布了GrapesJS演示链接作为可复放链接，但视频是用自定义Grapesjs安装录制的。 你能试着录个视频，用GrapesJS演示链接重现问题吗？

ClaudeCode

感谢你的报告，@flowize-project。 关于用户快速点击不同组件时Firefox问题的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'som...

paooolino

我确认是从v0.17.25开始的 v0.17.22 >>>工作 v0.17.25 >>>无法工作

artf

谢谢你，Paolo，这个问题会在下一个版本里修复。 问题出在默认的StyleManager开启命令上，它会把渲染出来的部分从你的容器移到默认的容器上。 你可以通过禁用默认按钮来验证这一点，该按钮会激活命令（按下后元素会移动）。 “''js 编辑。Panels.getButton（'views'， 'open-sm'）.set（'active'， false）;

paooolino

谢谢你的释放。抱歉重新开放了 ：-）但现在 StyleManager appendTo 可以正常工作，而 blockManager appendTo 似乎坏了。之前的StyleManager也有同样的问题。我确认过之前的版本是正常的，但现在版本 0.17.27 已经不显示了。🙏如果你需要密码笔，直接告诉我。

Sudhin35

请指点我

artf

关闭“autoload： true”，你会把所有东西加载两次

Sudhin35

谢谢@artf。这解决了我的问题

ronaldohoch

你好！ 我们用这个方法解决了一段时间： “''js editor.on（“rte：enable”，（）=>{ editor.trigger（'canvasScroll'）; }); ``` 订阅事件“rte：enable”并触发canvasScroll。这样，葡萄会重新计算位置。

mingxin-yang

@ronaldohoch 谢谢，这个代码对我来说很有效

mingxin-yang

本网站也会实施漏洞。https://grapesjs.com/demo-mjml.html ![图片]（https://user-images.githubusercontent.com/23076937/134886777-86c03c07-b253-4810-9275-05486a852ef6.png） 右上角的工具栏也会被覆盖 @artf

artf

getHTML 与画布的 DOM 无关...... 仔细阅读文档 https://grapesjs.com/docs/modules/Components.html，尽量理解模型和组件视图之间的区别。

mihir-khandekar

@artf感谢你的迅速回复，那么正确的做法是什么？ 我的需求是：我想在当前光标位置添加一个组件。那我怎样才能让它成为 editor.getHtml（） 方法的一部分？

ionutmiftode

@mihir-Khandekar，你修好了吗？

throne1986

@artf你能帮我解决这个问题吗？

artf

问题就在这里 “''js Editor.ON（“Component：create”， （model） => { if （model.get（“type”） === “video”） { setAddVideo（false）; console.log（“视频网址”，videos.videoUrl）; 编辑。Commands.run（“open-assets”， { target： editor.getSelected（）， // <- 当你放下视频时，未被选中 目标：模特，...

throne1986

> 问题就在这里> “''js> editor.on（“component：create”， （model） => {> 如果 （model.get（“type”） === “video”） {> setAddVideo（false）;> console.log（“视频网址”，videos.videoUrl）;>编辑。Commands.run（“open-assets”， {> // target： editor.getSelected（）， // <- 当你放下视频时，未...

mattnoth

我没注意到你已经关闭了我之前的问题——关于那个奇怪的使用场景。你有什么解决办法的建议吗？我一直在用 updateRte 事件监听器，动态把 RTE 放进画布里确实很有挑战

artf

@mattnoth我已经回复了你的讨论[这里]（https://github.com/artf/grapesjs/discussions/3782#discussioncomment-1350537），请避免再次打开同一问题。

ClaudeCode

谢谢你举报，@mattnoth。 关于RTE在基础文本组件中重叠文本，而宽度和高度100%属于Canvas，这个问题很棒。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => con...

artf

这不是bug，只是一个奇怪的使用场景。

mingxin-yang

@artf我想更改rte工具栏的位置，但pos没有文档中提到的参数

ClaudeCode

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

artf

你必须使用 allowScripts “''js const editor = Grapesjs.init（{ ... allowScripts： true， }); ``` 我没看到编码问题（用真正的检查器，不要用 jsfiddle beta 控制台，后者可能有个 bug）。

stljeff1

谢谢！

ClaudeCode

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