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

问题 #2724✓ 已解决提出于 2020年4月21日作者 jozue062 个反应

一幅画布上的页面

快速解答作者 Ju99ernaut❤ 2

你可以利用 CSS 属性 [break-before](https://developer.mozilla.org/en-US/docs/Web/CSS/break-before) 或 [break-after](https://developer.mozilla.org/en-US/docs/Web/CSS/break-after)。你也可以创建一个分页块,每页后手动添加,比如 [grapesjs-plugin-page-break](https://github.com/levonet/grapesjs-plugin-page-break),或者可以在某个元素之前或之后拆分。总是在“''元素前分页<h1>,[参考](https...

阅读下方完整回答 ↓

问题

你好,不太确定这应该发到哪里,但我还是说说了。

我正在制作一个构建器,用于制作将打印的餐厅长菜单。

我的问题是,有没有人能为“菜单”的每一页做一个页面大小的边界框的范例?

假设我有150种啤酒。我想让每个页面包含一定数量的内容,然后跳转到下一页,并在画布中显示内容,基本上是把通讯演示的做法,而不是无限滚动,而是在画布内<正文>中设立多个特定大小的“页面”部分。

如果没有例子或想法,除了顶级 grapejs 文档,还有哪些好的起点?

谢谢大家!

回答(1)

👍 最有帮助Ju99ernaut• 2020年4月28日

你可以利用 CSS 属性 [break-before](https://developer.mozilla.org/en-US/docs/Web/CSS/break-before) 或 [break-after](https://developer.mozilla.org/en-US/docs/Web/CSS/break-after)。你也可以创建一个分页块,每页后手动添加,比如 [grapesjs-plugin-page-break](https://github.com/levonet/grapesjs-plugin-page-break),或者可以在某个元素之前或之后拆分。总是在“''...

相关问答

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

问题 #5112

GrapeJS/拖放在 Linux 和 Wayland 上的 Brave 上不起作用

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 版本 1.51.110 Chromium:113.0.5672.77(Offizieller 版本)(64位) 可复制演示链接 https://grapesjs.com/docs/get...

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

问题 #5148

官方的 GrapesJS 插件都无法与新index.d.ts兼容

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? 全部都没有,bug出在构建过程中 可复制演示链接 没必要 描述一下那个虫子 如何复现这个漏洞?创建一个空白项目使用 NPM 安装GrapesJS和插件(本例中为预设网页,但对所有官方插件“有...

4 个回答更新于 2024年8月27日

问题 #3337

问题:使用方向键在Canvas中以绝对定位模式移动方块

你好,我正在为学生开发一个解决方案,让学生通过Grapejs编辑器(类似Canva)制作幻灯片讲述他们的高中经历,并且已经将编辑器配置为“绝对”模式,效果非常好。 但我似乎找不到用方向键在编辑器里移动掉落方块的方法。 我知道自定义键位绑定,会考虑添加这个功能,但只是想看看我是不...

4 个回答更新于 2024年8月15日

问题 #5746

当面板不在编辑器容器时,ColorPicker 偏移不正确

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v122 可复制演示链接 https://grapesjs.com/docs/getting-started.html#style-manager 描述一下那个虫子 如何复...

4 个回答更新于 2024年3月14日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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