react froala，如何更改工具栏按钮图标？

Question

我正在使用带有 React 的 Froala WYSIWYG 编辑器。如何更改工具栏按钮图标？例如，我想将“粗体”按钮的图标从react-icons更改为Font Awesome 6 FaCss3Alt图标。以下是我当前的 Froala 编辑器配置：

const config = {
   toolbarButtons: {
   ....
   },
   imageAllowedTypes: ["jpeg", "jpg", "png"],
   height: "434",
   width: "100%",
   quickInsertEnabled: false,
   videoInsertButtons: ["videoBack", "|", "videoByURL", "videoUpload"],
   paragraphFormat: {
     N: "Normal",
     heading1: "Heading 1",
     H2: "Heading 2",
   },
 };

我怎样才能实现这个目标？

Answer 1

试试这个：

toolbarButtons: {
      bold: {
         icon: <FaCss3Alt />, // Use the FaCss3Alt icon
         tooltipText: "Bold", // Optional tooltip text
      },
   },

通过这些更改，Froala WYSIWYG编辑器工具栏中的

“粗体”

按钮现在应该显示 Font Awesome 6

FaCss3Alt

图标。