Contribute to this guide

guide分页符

分页符功能允许您在内容中插入分页符。这使您可以更好地控制打印或导出为 PDFWord的文档的最终结构。

# 演示

使用插入分页符工具栏按钮插入分页符查看功能的实际效果。使用编辑器下方的“打开打印预览”按钮预览内容。

香浓托斯卡纳聚会

欢迎信

尊敬的客人:

我们很高兴欢迎您参加一年一度的香浓托斯卡纳聚会。我们希望您能享受节目,并在Bilancino 酒店度过愉快时光。

请找到附件中的活动完整日程。

一年一度的香浓托斯卡纳聚会总是充满着美食发现。您可以在该地区顶级酒店之一的紧张的一日游中品尝到托斯卡纳的最佳风味。所有课程均由热衷于他们职业的顶级厨师主导。我建议您将此日期保存到日历中!

安吉丽娜·卡尔维诺,美食记者

请至少提前半小时到达Bilancino 酒店前台,以确保注册过程顺利进行。

期待在活动中欢迎您的到来。

维多利亚·瓦尔克

活动经理
Bilancino 酒店

 

香浓托斯卡纳聚会日程

7 月 14 日星期六
上午 9:30 - 上午 11:30

美式咖啡与冲泡咖啡 - “了解您的咖啡”与:

  • 朱莉娅·奥兰达
  • 斯特凡诺·加劳
  • 朱塞佩·鲁索
下午 1:00 - 下午 3:00

托斯卡纳地区美食 - 现场烹饪

融入最鲜美的食材
与丽塔·弗雷斯科

下午 5:00 - 下午 8:00 托斯卡纳葡萄园一览 - 品酒
与弗雷德里科·里斯科利

 

此演示展示了一组有限的功能。访问功能丰富的编辑器示例以查看更多功能的实际效果。

# 安装

⚠️ 新的导入路径

版本 42.0.0开始,我们更改了导入路径的格式。本指南使用新的、更短的格式。如果您使用的是旧版本的 CKEditor 5,请参考旧版安装中的包指南。

安装编辑器后,将该功能添加到您的插件列表和工具栏配置中

import { ClassicEditor, PageBreak } from 'ckeditor5';

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        plugins: [ PageBreak, /* ... */ ],
        toolbar: [ 'pageBreak', /* ... */ ],
    } )
    .then( /* ... */ )
    .catch( /* ... */ );

以下是一些有用的 CKEditor 5 功能,您可以将其与分页符插件一起使用,以实现全面的分页编辑体验

# 通用 API

PageBreak插件注册

  • UI 按钮组件 ('pageBreak'),
  • PageBreakCommand实现的'pageBreak'命令。

您可以使用editor.execute()方法执行命令

// Inserts a page break into the selected content.
editor.execute( 'pageBreak' );

我们建议在开发和调试时使用官方CKEditor 5 检查器。它将为您提供有关编辑器状态的大量有用信息,例如内部数据结构、选择、命令等等。

# 贡献

该功能的源代码可在 GitHub 上获取:https://github.com/ckeditor/ckeditor5/tree/master/packages/ckeditor5-page-break.