#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”控制？
#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...
#3862017年10月5日作者 RuudH3 个回答
你好，Artur， 首先，葡萄真是太棒了！ 目前我正在尝试弄清楚如何创建一个带有按钮的盘状结构，这个按钮可以打开新视图，就像方块和图层管理器按钮那样。 我想在那个新视图里渲染我自己的一组物品。我看的是你用来打开那些视图的代码，但它是用管理器来渲染这些物品的。而且这些代码的作用也有些模糊。 如果能有更多关于这个主题的文献资料就太好了。
daniel-farina
熟悉GrapeJS的一个好习惯是尝试复制块管理器，自己创建一个。你可以通过编辑下面的文件来实现这一点。一个很好的例子是复制 src/blockmanagerand 命名为 src/sectionmanager，然后把所有名称从 BlockManager 重命名为 SectionManager。看看代码，行数不多。 然后你需要编辑以下文件才能让它正常工作： src/编辑/index.js ` SectionManager： em.get（'SectionManager'），...
Moikapy
嘿，我也在考虑做类似的事情，发现了这里。 想知道是否有任何文档进一步解释创建新视图的过程。
artf
你好，@RuudH谢你的建议，我希望很快能发布更多关于这个论点的内容。目前，我只能建议你检查这些面板使用的命令（例如：[开放方块]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenBlocks.js））