Contribute to this guide

指南全页 HTML

感谢全页 HTML 功能,您可以使用 CKEditor 5 编辑完整的 HTML 页面(从 <html></html>),包括页面元数据。虽然 通用 HTML 支持 功能侧重于内容中的元素(文档的 <body>),但此功能使大多数对最终用户不可见的标记成为可能。

# 演示

使用 源代码编辑功能 工具栏按钮 源代码编辑 查看和编辑文档的 HTML 源代码。注意底层标记。

消费电子产品博客 | Pixel - CKEditor 编辑器

👾 Pixel - 我们撰写有关游戏机等的更多内容!

Nintendo Switch controller on a white background

Nintendo Switch: 性能不是关键吗?

2023 年 5 月 24 日 • 阅读时长 7 分钟

任天堂一直以来对游戏的处理方式不同 - 他们不追求 fps 或分辨率。

阅读更多
PlayStation 5 with a blurred background

PlayStation 5 中的新型高速 SSD

2023 年 4 月 19 日 • 阅读时长 10 分钟

索尼工程师在一次会议上花费了大量时间详细介绍他们的新型 SSD。它会改变游戏规则吗?

阅读更多
Xbox Series X on a green background

Xbox Series X 的向后兼容性

2023 年 3 月 14 日 • 阅读时长 4 分钟

新的微软游戏机允许玩一些以前几代的经典游戏。让我们看看游戏库。

阅读更多

# 安装

⚠️ 新的导入路径

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

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

import { ClassicEditor, FullPage } from 'ckeditor5';

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

# 其他功能信息

以下是一些使用此插件可以启用的 HTML 元素示例

  • HTML DOCTYPE 前导:<!DOCTYPE html>
  • HTML 根元素:<html>
  • 头部元素:<head>
  • 文档的标题:<title>
  • 头部元素内的元标记,例如:<meta name="description" content="元描述">

CKEditor 5 还有其他与 HTML 编辑相关的功能,您可能想查看一下

  • 通用 HTML 支持 – 允许您启用其他专用 CKEditor 5 插件不支持的 HTML 功能(元素、属性、类、样式)。
  • 源代码编辑 – 提供查看和编辑文档源代码的功能。
  • HTML 嵌入 – 允许在编辑器中嵌入任意 HTML 代码片段。