一幅画布上的页面
你可以利用 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种啤酒。我想让每个页面都包含一定数量的内容，然后跳到下一页，并且在画布里展示内容，基本上就是把新闻通讯的演示拿出来，而不是无限滚动，而是让画布内部的某个部分<body>有多个特定大小的“页面”。
如果没有例子或想法，除了顶级葡萄文档，有哪些好的起点？
谢谢大家！
回答（1）
你可以利用 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），或者可以在某个元素之前或之后拆分。总是在“''...
相关问答
通过相似的问题讨论继续研究。
问题 #4837
HTML元素的ID会在projectData加载的不同页面上递增
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 109 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好， 我注意到当我在 projectData 中加载多个 HTML 中使用...
问题 #6180
Trait 的“setValue（）”方法在值变更时不会被调用
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome最新款 可复制演示链接 https://codesandbox.io/p/sandbox/withered-rgb-xmw8gk 描述一下那个虫子 如何复现这个漏洞？开放代码沙盒选择“...
问题 #5460
从“pageManager”加载“组件”和“样式”
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞？请参见 jsfiddle 中的“pageMa...
问题 #5388
运行无头模式时，编辑器返回不同的 HTML
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ ChromeV117.0.5938.62 可复制演示链接 https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hid...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。