问题 #3371✓ 已解决提出于 2021年3月29日作者 devtechk2 个反应

Generate pages numbers any idea?

快速解答作者 devtechk❤ 2

大家好！我找到了实现目标的方法！CSS 的属性！这是我的工作代码（你可以随意调用分页标签）。来源：https://www.pagedmedia.org/paged-js/ HTML： ' <页码类=“text-right 页码”>页 </pagination> ` CSS

阅读下方完整回答 ↓

问题

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

谢谢！

回答（2）

👍 最有帮助devtechk• 2021年3月30日

大家好！我找到了实现目标的方法！CSS 的属性！

这是我的工作代码（你可以随意调用分页标签）。

来源：https://www.pagedmedia.org/paged-js/

HTML： ' <页码类=“text-right 页码”>页 </pagination> `

CSS

  正体 {
    反复位：分码;
  }
  
分页 {
    反向递增：分码;
  }
  
页码：：在 { 之后
    内容：计数器（页码）
  }

GJSBlock• 2026年5月17日

谢谢你举报，@devtechk。关于生成页码，有什么建议吗？虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。使用事件系统： “JavaScript editor.on（'component：update'，（component） => { 你的逻辑 }); ``` 替代方法：听取“selector：add”以获取CSS选择器更改使用“selector：custom”来表示自定义规则利用“change：*”事件进行细致跟踪构建一个插件，扩展编辑器并具备此功能正式宣布：如果此功能能惠及更多用户，考虑在 GrapesJS 仓库上正式开启功能请求，内容...

在 GitHub 上查看完整讨论 →