#34022021年4月14日作者 joshk1322 个回答
版本： 0.14.62 你能重现演示中的bug吗？[ ] 是的[x] 不 不支持Vue.js或NPM 预期的行为是什么？ 在风格管理器右侧边栏显示的块 详细描述那个漏洞 我正在尝试让块管理器显示在右侧边栏，但无论我把块 div 放在哪里，它总是放在侧边栏外面，即使我把它放在样式管理器/容器正下方。 目前的行为是什么？ 它会显示在 #gjs div的上方或下方 你能附上截图、截屏或实时演示吗？**[x] 是（附上）[ ] 不 https://imgur.com/a/ca8Lzf8 代码来自App.vue Package.json
artf
“''js blockManager： { 附录：'#blocks'，// <- 删除此项 ```
ClaudeCode
谢谢你举报，@joshk132。 无法让方块显示在右侧边栏的问题似乎是竞速状态或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告...
#34012021年4月12日作者 ahmedderkaoui3 个回答
当我们在编辑器中为元素做样式时，如果该元素既没有类也没有ID，样式管理器会生成一个带有CSS样式的新ID。然而，用类样式化元素时，样式管理器会用该类添加样式。 有没有办法总是用ID来做样式，而不用类？ （这有助于用户在具有相同类别属性的组件上创建不同的自定义样式）
Ju99ernaut
“''js window.editor = grapesjs.init（{ // ... 选择经理：{ componentFirst： 1， } // ... }); ```
ClaudeCode
谢谢你举报，@ahmedderkaoui。 关于样式管理器能否总是生成ID，而不是使用已定义的元素类？，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => con...
#33972021年4月9日作者 YumiChen1 个回答
版本：0.16.45 你能重现演示中的这个bug吗？[x] 是的[ ] 不 预期的行为是什么？ 给定一个父网页组件实例渲染一些元素，在 shadowDOM 中，如果 'slot' 的父元素具有 'display： flex' 风格，排序器应是垂直的，因为结果中元素是水平对齐的。 目前的行为是什么？ 分拣器会是水平的。 你能附上截图、截屏或实时演示吗？[x] 是（附上）[ ] 不 https://jsfiddle.net/72dyhu6L/ <img width=“741” alt=“截圖 2021-04-09 下午6 38 06” src=“https://user-images.githubusercontent.com/276...
ClaudeCode
谢谢你举报，@YumiChen。 网页组件槽中排序器方向错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报...
#33962021年4月9日作者 YumiChen1 个回答
版本：0.16.45 你能重现演示中的这个bug吗？[x] 是的[ ] 不 预期的行为是什么？ 给定一个父元素，其样式为“display： flex”和“flex-direction： column”，子元素的样式为“float： left”，排序器应为水平排列，因为结果中元素是垂直对齐的。 目前的行为是什么？ 分拣器会是竖式的。 你能附上截图、截屏或实时演示吗？[x] 是（附上）[ ] 不 https://jsfiddle.net/fzb4u7rd/ <img width=“741” alt=“截圖 2021-04-09 下午6 18 38” src=“https://user-images.githubusercontent....
ClaudeCode
谢谢你举报，@YumiChen。 flex-direction： column 和 float： left： 使排序器方向错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示...
#33922021年4月7日作者 rywilson283 个回答
我有一个要求，不能用选择器来判断某个元素是否可以丢弃。 例如： ![图片]（https://user-images.githubusercontent.com/45426659/113861790-96afbf00-9775-11eb-9369-2a18a71c0dd6.png） “子”组件必须位于“父”组件中，但如果子组件包含 ref 属性，只能将其拖入与当前父组件匹配的 ref 值的其他父容器中。 根据上述标记，子组件可以丢弃到最后一个容器，但不能丢弃参考为5678的容器。 不过，第二个子元素可以被丢弃到任一父组件中。 如果可丢弃函数允许以下函数，这将很容易实现： 可掉落：（src，目标）=> { 一些逻辑 返回真值; },...
rywilson28
相关公关：https://github.com/artf/grapesjs/pull/3393
rywilson28
@artf对这个功能或PR的做法有任何疑问吗？
ClaudeCode
谢谢你举报，@rywilson28。 关于FEAT：允许使用函数动态丢弃配置的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件...
#33892021年4月6日作者 xinnai4 个回答
你好，当我用“shift”多选某些元素，并在styleManager中更改样式时。只有最后点击的元素才会更新样式。你能帮我解决这个问题吗？ https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov
Ju99ernaut
不确定有没有这个选项，风格管理器可能还没有实现多组件编辑功能。你可以用类作为替代方案。
artf
它在演示中实际上是有效的，你能制作一个可复现的演示吗？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
#33832021年4月2日作者 KieronWiltshire4 个回答
我目前用 grapesjs 来构建邮件模板，但当我导入带有<style>标签的 HTML 时，在存储之前，HTML 和 CSS 会被拆分。当这些存储在后端数据库时，HTML 里没有 <style> or <link> 标签，而是单独存储。有没有办法防止这种情况，并存储两个版本的编译版本，或者至少能在发送到服务器之前注入样式？
Ju99ernaut
Grapesjs不支持内联，但你可以用这里用的同样方法 https://github.com/artf/grapesjs-preset-newsletter。它使用 'juice' 包来合并 html 和 css
artf
是的，目前内联CSS被解析为CssComposer，并且[已从DOM]（https://github.com/artf/grapesjs/blob/bb24e02c66c6bcb3104bf2c99fd3ef30a4d1e1f3/src/parser/model/ParserHtml.js#L290-L302 移除）。这允许编辑器编辑其样式。
ronaldohoch
关于它有一个问题。 ckeditor 如何用内联样式编辑跨度，关闭后保留并重新打开同一个模板？
#33812021年4月2日作者 pranay22103 个回答
你好，artf，感谢你打造了这样强大的定制CMS工具。 我正在项目中实现一个新页面功能，所以我用你的参考来切换组件，但出现了错误，请问能否指导我如何在面板点击“添加新页面”按钮时构建新页面？ 这是我的代码
Ju99ernaut
我觉得数组不是存储页面对象的最佳方式，所以运行数组操作获取页面并加载页面对调用栈来说可能太繁琐了。你应该考虑只在需要时才把页面加载到内存里，并存储在类似数据库的环境中，而不是数组。你可以试试这个插件 https://github.com/Ju99ernaut/grapesjs-template-manager
artf
我不确定你那边的情况，但我建议关注#3206，因为内置页面管理器快准备好了（我会更新那个问题）
ClaudeCode
谢谢你举报，@pranay2210。 关于在组件间切换会导致最大调用堆栈大小错误的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*...
#33802021年4月2日作者 alemenciones2 个回答
亲爱的，你知道为什么样式管理器里没有选择默认属性吗？ 我可以触发什么事件来更新这个？？ ![图片]（https://user-images.githubusercontent.com/2309686/113360884-0ca0ca00-9321-11eb-9542-c38bc6c85a92.png）
artf
试着检查你的配置中的“styleManager”https://github.com/artf/grapesjs/blob/dev/src/style_manager/config/config.js（highlightChanged应该是“true”）
ClaudeCode
谢谢你举报，@alemenciones。 关于在styleManager中未选中的默认属性，这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console...
#33792021年4月2日作者 silicahd3 个回答
我觉得让这个构建器变得出色的一点是加入顺风CSS类。尤其是现在有了新的Tailwind CSS按需生成器。
Ju99ernaut
我不确定这能不能加到核心库里，但如果有个插件肯定很棒。
artf
是的，我同意Brendon的看法，这绝对可以作为插件添加
ClaudeCode
谢谢你举报，@silicahd。 感谢你分享关于FEAT： Tailwind CSS的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复...