medium-editor-custom-html 是一个方便的 npm 包，用于在 Medium Editor 中使用自定义 HTML 标签。本文将详细介绍如何安装和使用此包，并提供示例代码。
安装
你需要先安装 Medium Editor，然后使用以下命令安装 medium-editor-custom-html：
npm install medium-editor-custom-html
使用
为了让 medium-editor-custom-html 正常工作，你需要做两件事情：
- 注册您的自定义标记
- 配置 Medium Editor 以识别这些新标记
下面是一个完整的示例，演示如何对使用带有自定义标记的 Medium Editor 实例进行配置。
-- -------------------- ---- -------
--------- -----
------
------
------------- ------ ------ ---- ------------
----- ---------------- -------------------------------------------------------------------------
----- ---------------- --------------------------------------------------------------------------
-------
------
---- -----------------------
------- -------------------------------------------------------------------------------
------- --------------------------------------------------------------------------------------------
--------
--- ------ - --- ------------------------- -
-------- -
-------- -------- --------- ------------ --------- ----- ----- --------
--
----------- -
-------------- --- ------------------------
----- --------- ---------
-- -----
----------- -
-
---------- ------
------ -----
--
-
---------- -------
------ ------
-
-
--
-
---
---------
-------
-------如上所述，我们首先加载 Medium Editor 的 CSS 和 JavaScript 文件，然后加载 medium-editor-custom-html。接下来，我们初始化 Medium Editor 实例并在其中注册了一个名为 "custom-html" 的扩展。
在该示例中，我们使用标签 label 和 input，并声明它们都有两个属性：for 和 type。这些新标记现在将可用于Medium Editor 实例中。
结论
medium-editor-custom-html 是一个非常实用的 npm 包，在 Medium Editor 中使用自定义 HTML 标记时非常方便。通过遵循本文提供的步骤和示例代码，您可以轻松地集成此包到您的项目中，并开始使用自定义 HTML 标记！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/38858