PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 183 个问题

🔍 documentation
#31232020年11月9日作者 fq-selbach4 个回答
1 个反应
style-manager提问文档

Add 'inline-flex' to display selector in Style Manager

你想给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 个回答
1 个反应
style-manager组件提问文档typescript

如何加载可以在代码查看器中查看并导出保存的CSS

嗨 ：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'，所以结果会自动通过移除未使用的样式来优化

GJSBlock

谢谢你举报，@aadilmehrajbhat。 关于[求助] 如何加载既能在代码查看器中查看又能导出保存的CSS的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => c...

查看详情
#3862017年10月5日作者 RuudH3 个回答
3 个反应
文档不活跃

打开新视图时扩展面板/命令示例/文档

你好，Artur， 首先 grapesjs 太棒了！ 目前我正在尝试弄清楚如何创建一个带有按钮的盘状结构，这个按钮可以打开新视图，就像方块和图层管理器按钮那样。 我想在那个新视图里渲染我自己的一组物品。我看到的是你用来打开这些视图的代码，但它是用管理器来渲染这些物品的。而且这些代码具体做什么也不太清楚。 如果能有更多关于这个主题的文献资料就太好了。

daniel-farina

熟悉GrapeJS的一个好习惯是尝试复制块管理器并创建自己的。你可以通过编辑下面的文件来实现。一个很好的例子是复制 src/blockmanagerand，叫它 src/sectionmanager，然后把所有名字从 BlockManager 重命名为 SectionManager。看看代码，行数不多。 然后你需要编辑以下文件才能让它正常工作： src/编辑/index.js ` SectionManager： em.get（'SectionManager'）， ` src...

Moikapy

嘿，我也在考虑做类似的事情，发现了这里。 想知道是否有任何文档进一步解释创建新视图的过程。

artf

你好，@RuudH谢你的建议，我希望很快能发布更多关于这个论点的内容。目前，我只能建议你检查这些面板使用的命令（例如：[开放方块]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenBlocks.js））

查看详情

浏览所有主题