简介
hztianxu-draft-js-plugins 是一个基于 Draft.js 的插件集合，提供了一系列常用的富文本编辑功能，例如 Emoji 表情、链接、图片、代码块等。使用该插件集合可以快速构建一个功能强大的富文本编辑器。
安装
使用 npm 安装：
npm install hztianxu-draft-js-plugins
使用方法
初始化
初始化 Draft.js 编辑器和插件集合：
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ----------- - ---- -----------
------ - ------ - ---- ----------------------
------ - ------------------ -------------------- ----------------- - ---- ----------------------------
----- --- - -- -- -
----- ------------- --------------- - ------------------------------------
----- ----------- - --------------------
----- ------------- - ----------------------
----- ----------- - --------------------
----- ------- - ------------- -------------- -------------
------ -
-------
-------------------------
------------------------------------
-----------------
--
--
--使用 Emoji 插件
-- -------------------- ---- -------
------ ------ - --------- ------- - ---- --------
------ - ----------- - ---- -----------
------ - ------ - ---- ----------------------
------ - ----------------- - ---- ----------------------------
------ --------------------------------
------ - ------ - ---- -------------
----- --- - -- -- -
----- ------------- --------------- - ------------------------------------
----- ----------- ------------- - ----------------
----- ----------- - ---------- -- ------------------- ---------------- ---- --- ----
----- ---------------- - ------- -- -
----- ------------ - --------------------------------
----- ---------------------- - ---------------------------------- ------------ - ------ ------------ ---
----- --------- - -------------------------------------------------
----- -------------- - ---------------------------- - --------------- ---------------------- ---
----------------------------------------------- ------------------------------------------------
--
----- --------------- - -- -- -------------------------
----- ----------- - -- -- -
------- --------------------------- --
--
------ -
--
-------
-------------------------
------------------------------------
-----------------------
--
------- ----------------------------------------
---------- -- ------------ ---
---
--
--使用图片插件
-- -------------------- ---- -------
------ ------ - --------- ------ - ---- --------
------ - ------------ ---------------- - ---- -----------
------ - ------ - ---- ----------------------
------ - ----------------- - ---- ----------------------------
------ ---------------------------------------------------
----- --- - -- -- -
----- ------------- --------------- - ------------------------------------
----- --------- - -------------
----- ----------- - --------------------
----- ---------------- - -- -- -
----- --------- - --------------------------------
-------------- - -------
---------------- - ----------
------------------------------------ -------------------
------------------
--
----- ----------------- - --- -- -
----- ---- - ------------------
----- ------ - --- -------------
---------------------------
------------- - -- -- -
----- ------------ - --------------------------------
----- ---------------------- - ---------------------------------- ------------ - ---- ------------- ---
----- --------- - -------------------------------------------------
----- -------------- - ---------------------------- - --------------- ---------------------- ---
----------------------------------------------- ------------------------------------------------
------------- -- -
--------------------------
----- --------------- - ---------------------------------------------------------------------- ---------- - ---
----------------------------------------------- ---------------- --------------------
-- ---
--
--
------ -
--
-------
---------------
-------------------------
------------------------------------
-----------------------
--
------- ------------------------------ --------------
---
--
--总结
hztianxu-draft-js-plugins 提供了一系列实用的 Draft.js 插件，可以帮助开发者快速构建富文本编辑器。其中，Emoji 和图片插件是常用的功能，开发者可以根据自己的需求进行使用和定制。开发者也可以根据本文提供的代码示例进行学习和指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005549481e8991b448d1d5f