Jodit 编辑器下拉菜单中的自定义字体预览不起作用

Question

我在反应中的 joditeditor 组件中添加了自定义字体，但自定义字体不会在下拉列表中显示字体预览

useEffect(() => {
        const configSettings = {
            controls: {
                font: {
                    list: {
                        'Alegreya, serif': 'Alegreya',
                        'Alegreya Sans,sans-serif': 'Alegreya Sans',
                        'Alegreya Sans SC,sans-serif': 'Alegreya Sans SC',
                        'Alegreya SC,serif': 'Alegreya SC',
                        'Aleo,serif': 'Aleo',
                        'Assistant,sans-serif': 'Assistant',
                        'Barlow,sans-serif': 'Barlow',
                        'Barlow Condensed,sans-serif': 'Barlow Condensed',
                        'Barlow Semi Condensed,sans-serif': 'Barlow Semi Condensed',
                        'Bitter,serif': 'Bitter',
                        'Caladea,serif': 'Caladea',
                        'Dosis,sans-serif': 'Dosis',                      
                    },

我尝试添加预览：true但仍然存在问题

                        'Roboto Slab,serif': 'Roboto Slab',
                        "'Slabo 13px',serif": 'Slabo 13px',
                        "'Slabo 27px',serif": 'Slabo 27px',
                        'Titillium Web,sans-serif': 'Titillium Web'
                    },
                    preview: true,

Answer 1

如果您的意思是预览当前使用的字体，而不是图标，则您想要的设置是“组件：‘选择’”。在你的情况下，它将是：

controls: {
                font: {
                    component: 'select',
                    list: {
                        'Alegreya, serif': 'Alegreya',
                        'Alegreya Sans,sans-serif': 'Alegreya Sans',
                        'Alegreya Sans SC,sans-serif': 'Alegreya Sans SC',
                        'Alegreya SC,serif': 'Alegreya SC',
                        'Aleo,serif': 'Aleo',
                        'Assistant,sans-serif': 'Assistant',
                        'Barlow,sans-serif': 'Barlow',
                        'Barlow Condensed,sans-serif': 'Barlow Condensed',
                        'Barlow Semi Condensed,sans-serif': 'Barlow Semi Condensed',
                        'Bitter,serif': 'Bitter',
                        'Caladea,serif': 'Caladea',
                        'Dosis,sans-serif': 'Dosis',                      
                    },

我碰巧在这里偶然发现了解决方案：
https://github.com/xdan/jodit/issues/1121