#31232020年11月9日作者 fq-selbach4 个回答
你想给GrapesJS添加什么？ 显示风格“内联弹性”。 描述： 目前，样式管理器的显示选择器只有“flex”作为选项，但与“block”和“inline-block”一样，有“inline-flex”是有用的。 当我尝试用这个（破解？）手动添加时： 我能得到结果，但有很多由“flex”触发的条件运算符在“inline-flex”下不会触发，比如样式管理器的“Flex”部分不会出现。 最新版本有替代方案吗？ [ ] 是的（描述另一种情况） [x] 不 这是否与某个问题有关？ [ ] 是的（请提供本期链接） [x] 不
lexoyo
对于想找解决方案的人，我通过修改StyleManager选项是没做到的 所以[这是我做的]（https://github.com/silexlabs/silex-lib/blob/817174ef6ca9f9875c679748d5f017152ceaca0a/src/ts/client/grapesjs/flex.ts#L43） “''t” const sector = 编辑器。StyleManager.getSector（'flex'） sector.on（'chang...
artf
抱歉@fq-selbach，但这本可以通过插件处理，核心库里没必要有这个逻辑
fq-selbach
@artf好的，但你能告诉我怎么控制样式管理器的“Flex”类别吗？因为显示/隐藏的逻辑似乎是硬编码的 ：-/ 我可以用插件在“显示”选择器里添加“inline-flex”......但当选择时，它永远不会显示“Flex”类别。 或者你能不能教我怎么让“Flex”类别始终显示，而不是被“Display=flex”控制？
#31222020年11月9日作者 tranthanhhoa2 个回答
版本： 0.16.27 摘要： 复制组件缺少媒体样式 繁殖步骤： 试着在平板或手机上更改一些内容 复制更改后的组件 意料之中： 复制的组件具有媒体样式 真实： 重复组件没有媒体样式
artf
谢谢@tranthanhhoa我已经解决了你另一个[问题]（https://github.com/artf/grapesjs/issues/3122），那个是关于规则状态的问题，但我也注意到媒体也有类似问题，所以两者都准备好下一次发布了:)
ClaudeCode
谢谢你举报，@tranthanhhoa。 感谢你分享关于重复组件缺少媒体样式的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Gra...
#31212020年11月9日作者 sadtaco1 个回答
我会说这既是功能请求，也算是个问题。 我觉得一个2015年以后几乎所有项目都用px的项目看起来很糟糕。 人们使用的屏幕尺寸在最窄的范围内只有768像素，无论是移动端还是桌面端，甚至2160p及更大。 “像素”测量对此不利。 这样的工具是为非技术人员设计的，他们不会理解屏幕上像素测量看起来正常的东西，但并非所有屏幕上都正确。 最像GrapeJS的就是 carrd.co 对吧？在那里，他们实际上只是用一些随意的“尺寸”测量，然后内部转换，这样最终用户就无法做出愚蠢的操作。 我的建议： 去除控件界面中的px，以及GrapeJS本身样式中的CSS。新默认用vmax、rem和/或%替换。 是的，通常有百分比和/或EM和REM的下拉菜单，但p...
ClaudeCode
谢谢你举报，@sadtaco。 FEAT/ISSUE： CSS 标准的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原...
#31192020年11月6日作者 makkaronis4e4 个回答
你好，我想用 Grapesjs 的组件制作自定义方块。 我找到了添加组件的解决方案：https://github.com/artf/grapesjs/issues/1334#issuecomment-411519845 但我在添加 CSS（无论是字符串还是对象）时遇到了困难。
artf
你应该能做到类似这样的操作： “''js ... 组成要素： [ { 标签名：'h1'，组件：'Some <b>content</b>'， }， “<style>......”</style> ] ```
makkaronis4e
@artf谢谢，它能用，但我发现了bug。 当你把这个块放到画布上时，它能正常工作，但如果你从画布中删除这个元素，或者清除整个画布，然后第二次把这个块放到画布上，它就会丢失CSS。第二次，第三次......没关系，如果你从画布中移除过元素一次，下一次掉落时它会失去样式。
artf
@makkaronis4e这种情况，我会请你做一个可复现的演示
#31182020年11月6日作者 zhiyuanzhang-unai2 个回答
你有一份开箱即用的方块图标列表（CSS类）吗？ 我在界面上看到了一些不错的方块图标，但不想看到完整列表。
artf
默认情况下，编辑器内加载了一个 Font Awesome 库 https://github.com/artf/grapesjs/blob/347e529e23e630b7e4d003b4f40c888f2fecd738/src/editor/config/config.js#L159-L161
ClaudeCode
谢谢你举报，@zhiyuanzhang-unai。 感谢你分享关于封锁图标列表的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Gr...
#31162020年11月6日作者 aadilmehrajbhat2 个回答
嗨 ：wave： 我正在尝试在编辑器中加载一些CSS作为主题的一部分，我能够在加载时链接样式表，但我遇到的问题是，当我直接用“<style>''标签加载样式时，我可以通过'editor.getStyle（）'查看序列化版本，但'editor.getCss（）'只包含'protectedCss'。 我对导出或在代码查看器中查看时，如何将CSS样式添加到模板样式“css”属性中感到困惑，也不太清楚如何操作那些非组件特定但通用的CSS规则。 我试着在文档里深入挖掘，特别是在“CssComposer”和“CssRule”里，但遗憾的是没找到太多线索。 我已经添加了一个codepen链接来演示我遇到的问题。 https://codepen....
artf
@AadilMehrajBhat 首先，'display： 'block' 不是该属性的有效 CSS 值（应该是 'display： block'），而且模板里没有用到 '.d-block'，所以结果会自动通过移除未使用的样式来优化
ClaudeCode
谢谢你举报，@aadilmehrajbhat。 关于[求助] 如何加载既能在代码查看器中查看又能导出保存的CSS的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => c...