水平线
水平线功能允许您通过插入水平线(也称为水平规则)将内容在视觉上划分为多个部分。它是组织内容或表示主题更改的一种简单方法。
# 演示
要在下面的演示中插入水平线,请使用工具栏按钮 ---
开始新的一行。 自动格式化功能 会将其转换为水平线。
比尔的分类广告
收购砖块。任何数量,任何尺寸。写信给 Ignatz,地址是亚利桑那州科科尼诺县邮政信箱 1913 号
自制千层面,可送货上门。致电 Jon,电话号码 555-1978
无所畏惧的虎猎手,满足您可能需要的所有虎猎需求。无血腥,高效。1985-1995 年,Calvin
二手服装,状况不一,价格便宜。致电 Gamma-Ray 实验室,询问 Bruce。
管家服务。服务范围:管家、烹饪、军事医疗、高级机械。附带妙语和反驳。信箱:DC#27
贫困学生为食物拍照。价格优惠。森林山 1962 年,AF#15 号,询问 Peter。
机械、仿生和生物维修。接受预订。联系 Dr. Ido。
此演示展示了一组有限的功能。访问 功能丰富的编辑器示例 以了解更多实际应用。
# 安装
在 安装编辑器 后,将该功能添加到您的插件列表和工具栏配置中
import { ClassicEditor, HorizontalLine } from 'ckeditor5';
ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ HorizontalLine, /* ... */ ],
toolbar: [ 'horizontalLine', /* ... */ ],
} )
.then( /* ... */ )
.catch( /* ... */ );
# 相关功能
CKEditor 5 还有更多功能可以帮助您更好地组织文档内容
- 标题 – 将您的内容组织到主题部分。
- 分页符 – 将您的文档划分为多个页面。
- 文档标题 – 清晰地将标题与正文分开。
- 列表 – 创建有序(编号)和无序(项目符号)列表。
- 自动格式化 – 使用 Markdown 代码即时格式化内容。
# 通用 API
HorizontalLine
插件注册
- UI 按钮组件 (
'horizontalLine'
), - 由
HorizontalLineCommand
实现的'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.
我们每天都在努力确保文档的完整性。您是否发现了过时的信息?是否缺少内容?请通过我们的 问题跟踪器 报告。
随着版本 42.0.0 的发布,我们重写了大部分文档以反映新的导入路径和功能。我们感谢您的反馈,帮助我们确保文档的准确性和完整性。