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

问题 #3312💬 已回答提出于 2021年3月5日作者 Andrew-Chen-Wang0 个反应

Make side panel's width to 20%

快速解答作者 Ju99ernaut

目的是最大化画布覆盖的面积,但你也可以用自定义CSS轻松更改面板大小。

阅读下方完整回答 ↓

问题

你想给GrapesJS添加什么?

侧板看起来被揉皱了。除非你的桌面很大,否则我不太希望块面板的图片被放到一边。此外,顶部的图标,比如“获得新方块”图标,除非屏幕较大,否则会被遮挡。

详细描述你的功能需求详细

将侧面板宽度从15%改为20%,具体来说是类别:'gjs-pn-views-container'

最新版本有替代方案吗?

[ ] 是的(描述另一种情况) [X] 不

这是否与某个问题有关?

[ ] 是的(请提供本期链接) [X] 不

回答(3)

Ju99ernaut• 2021年3月6日

目的是最大化画布覆盖的面积,但你也可以用自定义CSS轻松更改面板大小。

Andrew-Chen-Wang• 2021年3月7日

当然,我只是觉得试玩版不应该看起来像那样皱巴巴的:P那我想这只是个人看法。

GJSBlock• 2026年5月17日

谢谢你举报,@Andrew陈旺。 关于FEAT:把侧板宽度调到20%的好建议!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细致跟踪 构建一个插件,扩展编辑器并具备此功能 正式宣布: 如果此功能能惠及更多用户,考虑在 GrapesJS 仓库上正式开...

相关问答

通过相似的问题讨论继续研究。

问题 #3371

Generate pages numbers any idea?

大家好,我正在通过 grapesjs 创建一个文档生成器,我想在每页底部插入类似“第1页共5页”这样的页码。我的起始模板有一个叫.page的封装类,实际上我可以把一个页面克隆到另一个页面下面,从而获得更多页面。 你知道我该如何实现这个功能吗? 谢谢!

2 个回答更新于 2021年4月7日

问题 #3208

Using GrapesJS Without NPM?

你好, 在普通主机提供商上使用网页构建器的功能,有没有 NPM 的使用可能?比如Apache或其他解决方案? 谢谢!

2 个回答更新于 2020年12月31日

问题 #3145

专长:如果按钮有动作(比如打开模态窗口)该如何编辑?

我有一个HTML模板。HTML模板有一个按钮。点击按钮时,会触发一个事件(打开模态窗口)。有没有可能在不触发事件的情况下,直观地改变按钮的外观?使用 allowScript: 0,我可以编辑按钮的外观,但在这种情况下,事件不会触发(打开模态窗口)。在 allowScript:...

2 个回答更新于 2020年11月19日

问题 #3250

Layer labels

@artf我很喜欢和GJS合作。我还有最后一件事希望你能帮忙。 如果能在图层管理器中自定义标签会非常有帮助。我到处找过,但都没找到。 默认显示“文本”和“框”的方式,对于想要高效导航来说帮助不大。 <img width=“204” alt=“截图 2021-01-28 07 2...

4 个回答更新于 2024年11月9日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。