React-UMeditor-Pans 是一个 React 组件，该组件包含 UMeditor 编辑器库，用于在 React 应用程序中集成富文本编辑器。
安装
可以使用 npm 包管理工具在你的项目中安装这个包：
npm install --save react-umeditor-pans
简单用法
在组件中引入需要集成的库， 并将其作为 React 组件的子组件。使用 value 和 onChange 属性来控制文本区域的内容。
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ----------------------
----- --- ------- --------------- -
------------------ -
-------------
---------- - -
-------- --------------
--
----------------- - -----------------------------
-
--------------------- -
--------------- ------- ---
-
-------- -
------ -
-----
----------------------------
--------- -------------------------- ---------------------------- --
------
--
-
-
------ ------- ----高级用法
配置UMeditor
UMeditor 在实例化时有很多选项可以定制。为了实现更好的自定义，React-UMeditor-Pans 支持 UMeditor 的所有选项。
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ----------------------
----- --- ------- --------------- -
------------------ -
-------------
---------- - -
-------- ---
--
------------------- - -
-- -------- ------ -------
------------------- ----
------------------ ----
-------- -
------- - ---- ---- - ---- ------ --------- ------------- - ----------- --------- ---
----------- ------------ ---
------------------ ------------------- - --------- -------- - ---------- -------- ---
----- ------ - ----------- ------------- ------------ -------------- - --
---------- --------- ---
------------ - ------
--
--
------------------------ - ------------------------------------
-
---------------------------- -
--------------- ------- ---
-
-------- -
------ -
-----
----------------------------
---------
--------------------------
-----------------------------------
----------------------------
--
------
--
-
-
------ ------- ----样式
可以使用样式来自定义编辑器实例。
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ----------------------
----- --- ------- --------------- -
------------------ -
-------------
---------- - -
-------- ---
--
------------------- - -
-- -------- ------ -------
------------------- ----
------------------ ----
-------- -
------- - ---- ---- - ---- ------ --------- ------------- - ----------- --------- ---
----------- ------------ ---
------------------ ------------------- - --------- -------- - ---------- -------- ---
----- ------ - ----------- ------------- ------------ -------------- - --
---------- --------- ---
------------ - ------
--
--
------------------------ - ------------------------------------
-
---------------------------- -
--------------- ------- ---
-
-------- -
------ -
-----
----------------------------
-------
--
--------------- --------------
--------------- ---------------
------- -----
-
--------------- ------------- ----
----------------- ---- -----------
-
--
--------
---------
--------------------------
-----------------------------------
----------------------------
--
------
--
-
-
------ ------- ----总结
React-UMeditor-Pans 让我们能够在 React 应用中轻松添加 UMeditor 编辑器，提高了编辑富文本时的自定义能力。同时，通过查看源代码并修改自定义选项，可以更好地了解 UMeditor 编辑器库和如何与 React 集成。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc181e8991b448dd146