Contribute to this guide

guide水平线

水平线功能允许您通过插入水平线(也称为水平规则)将内容在视觉上划分为多个部分。它是组织内容或表示主题更改的一种简单方法。

# 演示

要在下面的演示中插入水平线,请使用工具栏按钮 水平线。或者,用 --- 开始新的一行。 自动格式化功能 会将其转换为水平线。

比尔的分类广告

 

收购砖块。任何数量,任何尺寸。写信给 Ignatz,地址是亚利桑那州科科尼诺县邮政信箱 1913 号


自制千层面,可送货上门。致电 Jon,电话号码 555-1978


无所畏惧的虎猎手,满足您可能需要的所有虎猎需求。无血腥,高效。1985-1995 年,Calvin


二手服装,状况不一,价格便宜。致电 Gamma-Ray 实验室,询问 Bruce。


管家服务。服务范围:管家、烹饪、军事医疗、高级机械。附带妙语和反驳。信箱:DC#27


贫困学生为食物拍照。价格优惠。森林山 1962 年,AF#15 号,询问 Peter。


机械、仿生和生物维修。接受预订。联系 Dr. Ido。

此演示展示了一组有限的功能。访问 功能丰富的编辑器示例 以了解更多实际应用。

# 安装

⚠️ 新的导入路径

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

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

import { ClassicEditor, HorizontalLine } from 'ckeditor5';

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

CKEditor 5 还有更多功能可以帮助您更好地组织文档内容

  • 标题 – 将您的内容组织到主题部分。
  • 分页符 – 将您的文档划分为多个页面。
  • 文档标题 – 清晰地将标题与正文分开。
  • 列表 – 创建有序(编号)和无序(项目符号)列表。
  • 自动格式化 – 使用 Markdown 代码即时格式化内容。

# 通用 API

HorizontalLine 插件注册

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

// Inserts a horizontal line into the selected content.
editor.execute( 'horizontalLine' );

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

# 贡献

该功能的源代码可在 GitHub 上找到,地址为 https://github.com/ckeditor/ckeditor5/tree/master/packages/ckeditor5-horizontal-line.