什么是 draft-js-side-toolbar-plugin-2？
draft-js-side-toolbar-plugin-2 是一个用于 Draft.js 编辑器的插件，它可以在编辑器侧边栏中显示一组工具按钮，以便用户可以快速进行常见的编辑操作（例如加粗、斜体、无序列表等）。
如何安装 draft-js-side-toolbar-plugin-2？
你可以通过 npm 在你的项目中安装 draft-js-side-toolbar-plugin-2：
npm install draft-js-side-toolbar-plugin-2 --save
如何使用 draft-js-side-toolbar-plugin-2？
当你在创建 Draft.js 编辑器时，你需要将 draft-js-side-toolbar-plugin-2 作为一个插件传递给它：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - ----------- - ---- -----------
------ ------ ---- --------------------------
------ ----------------------- ---- ---------------------------------
------ ------------------------------------------------
----- ----------------- - --------------------------
----- ------- - --------------------
----- --- ------- --------------- -
------------------ -
-------------
---------- - -
------------ --------------------------
--
-
-------- - ------------- -- -
---------------
------------
---
-
-------- -
------ -
-------
------------------------------------
------------------------
-----------------
--
--
-
-
-------------------- --- ---------------------------------从上面的示例代码中你可以看到，当你创建 Draft.js 编辑器时，你需要将 createSideToolbarPlugin() 返回的插件实例作为一个数组传递给 plugins props。
示例代码中的编辑器将包含默认的工具按钮，如果你需要定制它们，可以使用 createSideToolbarPlugin() 函数接受一个选项对象：
-- -------------------- ---- -------
----- ------- - -
---------- -
-------
---------
----------------
-------
--
--
----- ----------------- - ---------------------------------在这个选项对象中，你需要将你需要的工具按钮的 key 按照你想要的顺序添加到 structure 属性中。目前支持的工具按钮包括 bold、italic、underline、strikethrough、code、link、image、headings 和 unorderedList。
注意事项
由于 draft-js-side-toolbar-plugin-2 插件需要在编辑器侧边栏中渲染 UI，因此需要在父容器中留出足够的空间，否则可能会导致样式错乱。
结语
通过上面的文章，你应该已经了解了如何使用 draft-js-side-toolbar-plugin-2 插件，并能够在你的 Draft.js 编辑器中添加侧边栏工具按钮了。希望本文能够对你有所帮助，加油！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600572c681e8991b448e8e87