【问题标题】:How to change toolbar background color in jodit-react如何在 jodit-react 中更改工具栏背景颜色
【发布时间】:2021-04-13 04:06:00
【问题描述】:

我正在使用 jodit-react 编辑器。老实说,文档有点混乱。这是我当前向 WSYIWYG 编辑器添加自定义样式的配置,但我无法更改工具栏的背景颜色和文本颜色。

const config = {
        readonly: false, // all options from https://xdsoft.net/jodit/doc/
        height: '450px',
        width: '100%',
        enableDragAndDropFileToEditor: true,
        buttons: [
            'source',
            '|',
            'bold',
            'italic',
            'underline',
            '|',
            'ul',
            'ol',
            '|',
            'font',
            'fontsize',
            'brush',
            'paragraph',
            '|',
            'image',
            'table',
            'link',
            '|',
            'left',
            'center',
            'right',
            'justify',
            '|',
            'undo',
            'redo',
            '|',
            'hr',
            'eraser',
            'fullsize',
        ],
        uploader: { insertImageAsBase64URI: true },
        removeButtons: ['brush', 'file'],
        showXPathInStatusbar: false,
        showCharsCounter: false,
        showWordsCounter: false,
        toolbarAdaptive: true,
        toolbarSticky: true,
        style: {
            background: '#27272E',
            color: 'rgba(255,255,255,0.5)',
        },
    };

【问题讨论】:

    标签: css reactjs wysiwyg text-editor jodit


    【解决方案1】:

    我相信,你可以检查一下

    工具栏https://xdsoft.net/jodit/doc/options/toolbar/

    类型: [boolean |字符串 | HTML元素]。

    【讨论】:

    • 感谢您的帮助,但工具栏不会以预期的方式更改颜色,它只有深色和浅色主题的两个值。我已经用 css 修改了上面的内容。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-04-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多