StyleManager AppendTo 在自定义 div 中未显示
问题
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 铬93可复制演示链接 https://codepen.io/paooolino/pen/WNOPgJy描述一下那个虫子 如何复现这个漏洞？ 这很简单，因为我之前用的是 Grapes v.0.16.xx，一直正常，直到升级到最新版本后，我的样式管理器面板就消失了。我可以提供一个带有旧版本（正常工作的）编码笔 https://codepen.io/paooolino/pen/jOwdvZv 然后又有一个代码相同但库升级的版本（无法工作） https://codepen.io/paooolino/pen/WNOPgJy 代码很简单，因为我只需要在自定义的 div 中展示 styleManager，并定义了一些扇区。 我找过类似问题，但没找到合适的案子。我也尝试过用 appendTo： '#panels'，或者像 codepen 那样带 dom 元素。 预期的行为是什么？ styleManager 应显示在定义的 #panels div 中。 目前的行为是什么？ styleManager 不会显示。 也许我漏掉了什么？ 感谢大家的关注。行为准则[X] 我同意遵守本项目的行为准则
回答（4）
我确认是从v0.17.25开始的
v0.17.22 >>>工作 v0.17.25 >>>无法工作
谢谢你，Paolo，这个问题会在下一个版本里修复。 问题出在默认的StyleManager开启命令上，它会把渲染出来的部分从你的容器移到默认的容器上。 你可以通过禁用默认按钮来验证这一点，该按钮会激活命令（按下后元素会移动）。 “''js 编辑。Panels.getButton（'views'， 'open-sm'）.set（'active'， false）;
所以，作为一个变通方法，你应该删除它或用 CSS 隐藏它
“''js
编辑。Panels.removeButton（'views'， 'open-sm'）;
谢谢你的释放。抱歉重新开放了 ：-）但现在 StyleManager appendTo 可以正常工作，而 blockManager appendTo 似乎坏了。之前的StyleManager也有同样的问题。我确认过之前的版本是正常的，但现在版本 0.17.27 已经不显示了。🙏如果你需要密码笔，直接告诉我。
谢谢你举报，@paooolino。 关于StyleManager AppendTo在自定义div中不显示的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mo...
相关问答
通过相似的问题讨论继续研究。
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞？ 打开页面...
问题 #6549
无法调整图片大小
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://codepen.io/Harshsne/pen/YPXdgmj 描述一下那个虫子 如何复现这个漏洞？ 上传图片 将其切换为移动视图 调整图像大小 ![图...
问题 #4601
在切换某些目标时，添加到样式管理器的自定义类型 update（） 不再被触发。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬104 可复制演示链接 https://jsfiddle.net/aw8p0h9j/ 描述一下那个虫子 如何复现这个漏洞？打开 jsfiddle 链接。点击两个div之间，然后在任一div和背景...
问题 #6376
将最小值设置为StyleManager Config
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://codepen.io/Harshsne/pen/ZYzjaYe 描述一下那个虫子 预期的行为是什么？ 当最小值设为1时，边框宽度应从1开始递增。 目前的行为是什...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。