介绍
CKEditor5 是一款现代化的富文本编辑器，可以在 Web 应用程序中的任何位置使用。CKEditor5-supsub 是 CKEditor5 中的一个子包（subpackage），用于添加上下标功能。
本文将介绍如何使用 npm 包 ckeditor5-supsub，在浏览器中添加上下标功能。
安装及配置
安装
使用 npm 安装
在项目的根目录下执行以下命令：
npm install --save @ckeditor/ckeditor5-supsub
使用 CDN
在 HTML 页面中添加以下代码：
<script src="https://cdn.ckeditor.com/ckeditor5/30.0.0/supsub/ckeditor.js"></script>
配置
使用 npm 包
在你的 JavaScript 文件中导入 ckeditor5-supsub：
import SupsSubs from '@ckeditor/ckeditor5-supsub/src/supsub';
在配置文件中添加 SupsSubs 模块：
-- -------------------- ---- -------
-------------
------------------------------------------ -
-------- - -------- --
-------- - -------------- ----------- -
--
------------ -- -
------------------- --- ------------- --------
--
------------ -- -
---------------------------
---使用 CDN
在 HTML 页面中，创建一个编辑器实例，并在配置中启用上下标插件：
-- -------------------- ---- -------
-------------
------------------------------------------ -
-------- - -------------- ----------- --
-------- - -------------- ----------- -
--
------------ -- -
------------------- --- ------------- --------
--
------------ -- -
---------------------------
---示例代码
使用 npm 包
-- -------------------- ---- -------
------ -------- ---- ----------------------------------------
-------------
------------------------------------------ -
-------- - -------- --
-------- - -------------- ----------- -
--
------------ -- -
------------------- --- ------------- --------
--
------------ -- -
---------------------------
---使用 CDN
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-----------------------
------- -----------------------------------------------------------------------------
-------
------
--------- -----------------------
--------
-------------
------------------------------------------ -
-------- - -------------- ----------- --
-------- - -------------- ----------- -
--
------------ -- -
------------------- --- ------------- --------
--
------------ -- -
---------------------------
---
---------
-------
-------总结
CKEditor5-supsub 可以帮助我们轻松地在 Web 应用程序中添加上下标功能。使用 npm 包可以方便地在项目中安装和使用，使用 CDN 可以使你在不需要安装任何依赖的情况下，快速添加上下标功能。
同时，我们还可以根据需要，配置 CKEditor5 中的其他功能，满足不同的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668fad9381d61a3540fdd