使用自定义工具栏图标而不是标准内联工具栏图像

Question

是否有方法将内联工具栏图像替换为自定义图标，如来自React Icons的图标

代码(工具栏选项)：

import { AiOutlineUnorderedList } from 'react-icons/ai'

export const toolbarOptions = {
  options: ['list', 'link'],
  list: {
    options: ['unordered', 'ordered'],
    unordered: {
      icon: <AiOutlineUnorderedList />, //does not work
      className: undefined,
    },
  },
  link: {
    options: ['link'],
  },
}

我也尝试过使用<img src="./path-to-svg"/>，但是这也不起作用.

有什么想法吗？

提亚

Answer 1

您只需提供src或文件路径即可。

无序：{图标：“../path-to.svg.icon”，className:未定义}，