CKEditor 生态系统文档
Search
Contribute to this guide
首页/CKEditor 5/功能

指南全选

全选功能允许您使用 Ctrl/Cmd+A 键或工具栏按钮选择所有内容。这样您就可以一次清除或复制所有内容。

# 演示

按 Ctrl/Cmd+A 或使用工具栏按钮 全选 选择编辑器的全部内容。

当选择位于 图像标题 中时，它只会扩展到标题的边界。再次使用键或工具栏按钮来包含更多内容，直到选择编辑器的所有内容。当选择位于表格单元格或任何自包含（嵌套）的可编辑内容部分时，同样适用。

旅行带来的美好

A lone wanderer looking at Mount Bromo volcano in Indonesia.
走出舒适区可能会带你看到像这样美丽的风景。

就像地球上所有美好的事物一样，旅行以身作则教会我们。以下是我多年旅行中学习到的一些宝贵的经验。

对多样性的欣赏

习惯完全不同的文化可能很具有挑战性。虽然在网上或从书籍中了解文化也很不错，但没有任何东西能比亲自体验文化多样性更接近。您学习欣赏每一个差异，同时变得更加文化包容。

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

# 安装

⚠️ 新的导入路径

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

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

import { ClassicEditor, SelectAll } from 'ckeditor5';

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        // Load the plugin.
        plugins: [ SelectAll, /* ... */ ],

        // Display the "Select all" button in the toolbar.
        toolbar: [ 'selectAll', /* ... */ ],
    } )
    .then( /* ... */ )
    .catch( /* ... */ );

阅读有关 安装插件 和 工具栏配置 的更多信息。

  • 键盘快捷键 – 查看 CKEditor 5 支持的其他常用键盘快捷键。

# 通用 API

SelectAll 插件注册了 'selectAll' UI 按钮组件和 'selectAll' 命令，该命令由 SelectAllCommand 实现。

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

// Select the entire content of the editor.
editor.execute( 'selectAll' );

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

# 贡献

该功能的源代码在 GitHub 上的 https://github.com/ckeditor/ckeditor5/tree/master/packages/ckeditor5-select-all 提供。