GrapesJS 问题

artf

你必须[扩展]（https://grapesjs.com/docs/modules/Commands.html#extending）[ComponentDrag]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/ComponentDrag.js）命令

GJSBlock

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

artf

@Vikash-ra创建问题时请遵循该模板。

GJSBlock

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

mingxin-yang

@artf

artf

@mingxin-yang 你必须 [扩展]（https://grapesjs.com/docs/modules/Components.html#update-component-type） “mj-button” 组件的 [view]（https://grapesjs.com/docs/modules/Components.html#view）

GJSBlock

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

artf

https://github.com/artf/grapesjs/discussions/3711#discussioncomment-1234837

GJSBlock

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

shkhalid

谢谢@artf！ 最后我终于弄明白了 问题出在“tagVarStart”和“tagVarEnd”。评论完后它开始起作用了

artf

@shkhalid谢谢你的报告，但在这个仓库里，你应该打开可重现的问题，不使用外部插件，因为问题可能出在插件本身。至少就我对核心的判断来看，如果按照这个[指南]（https://grapesjs.com/docs/modules/Components-js.html）正确实现，组件中没有问题。

GJSBlock

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

artf

如果你用默认命令显示/隐藏方块，可以通过“编辑器”来实现。Commands.isActive（'open-blocks'）'

GJSBlock

谢谢你举报，@aliibrahim123。 关于帮助：如何判断区块管理器面板是否打开，这个问题很棒。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...

artf

你好@rajnishrao请尝试更新到最新版本。如果你仍然遇到这个问题，可以新开一期并附上可复现的演示。

GJSBlock

谢谢你举报，@rajnishrao。 错误 TypeError： 无法读取未定义的属性'stop'” 发生在模块尝试访问属性时，尚未完全初始化组件生命周期。这是GrapesJS中常见的竞争条件。 立即解决办法： 如果你控制代码，可以用空检查包裹调用： “JavaScript if （component && typeof component.method === 'function'） { 你的准则 } ``` 根本原因分析： 模块在调用你的方法之前不会验证状态。当多个操作...

GJSBlock

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

GJSBlock

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

artf

这应该够了，'编辑'。Blocks.getCategories（）.forEach（ct => ct.set（'open'， false）''，但类别是在渲染块时才创建的（默认情况下，点击Blocks标签时），所以渲染完后你只需执行该脚本。

ronaldohoch

你好，我已经让所有模块都用一个插件关闭了，试着适应你的情况。 “JavaScript 导出默认（编辑器，opt = {}） => { const 命令 = 编辑器。指挥; Commands.add（“dina：hide-all-blocks”，（editor）=>{ 编辑。Panels.getButton（“views”，“open-blocks”）.set（“active”，1）; 令categories = 编辑器。BlockManager.getCategories（...

throne1986

“''jsconst 命令 = 编辑器。指挥;Commands.add（“dina：hide-all-blocks”，（editor）=>{编辑。Panels.getButton（“views”，“open-blocks”）.set（“active”，1）;设类别=编辑器。BlockManager.getCategories（）.models;categories.map（elem=>{elem.view.$el.css（“显示”、“无”）; }); })``` 这里还是一...