前言
在日常开发中，我们经常需要使用编辑器来编辑富文本内容。而 @ckeditor/ckeditor5-block-quote 就是一个适用于 CKEditor 5 的块引用插件，可以方便快捷地添加引用内容。
安装
通过 npm 安装 @ckeditor/ckeditor5-block-quote：
npm install --save @ckeditor/ckeditor5-block-quote
使用
引入
在使用时，需要先引入该 npm 包：
import BlockQuote from '@ckeditor/ckeditor5-block-quote/src/blockquote';
注册
在编辑器配置中，需要将该插件添加到 plugins 数组中：
ClassicEditor
.create( document.querySelector( '#editor' ), {
// ...
plugins: [ BlockQuote, ... ],
// ...
} )
.then( ... )
.catch( ... );使用添加引用
在编辑器中，选中需要添加引用的内容，然后点击插入块引用按钮，即可将所选内容添加为引用块。
示例代码：
-- -------------------- ---- -------
---- ------------------
------- --------------------------------------------------------------------------------
--------
------ ---------- ---- -------------------------------------------------
-------------
-------- ----------------------- --------- -- -
-------- - ---------- --
-------- - ------------- --- -
- -
------ --- -
------- --- --
---------小结
通过本文的介绍，我们了解了如何使用 @ckeditor/ckeditor5-block-quote，以及如何将其进行注册和应用到编辑器中。希望这篇文章能够对前端开发者在使用 CKEditor 5 中添加引用块时有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3208873b0ab45f74a8bd35