Rich Text Editor Color Picker

The functionality allows extensions to set up predefined lists of colors for the color picker feature.

A colors could be customized using the following API:

Copy
const registrationConfig = {
    id: extensionId,
    methods: {
        rte: {
            getColors() {
                return {
                    allowedColors: [
                        "FFCC00", "Yellow",
                        "0000CC", "Blue",
                    ],
                    isAllowedCustomColors: true,
                };
            },
        },
    },
};
const guestConnection = await register(registrationConfig);
Copied to your clipboard
const registrationConfig = {
    id: extensionId,
    methods: {
        rte: {
            getColors() {
                return {
                    allowedColors: [
                        "FFCC00", "Yellow",
                        "0000CC", "Blue",
                    ],
                    isAllowedCustomColors: true,
                };
            },
        },
    },
};
const guestConnection = await register(registrationConfig);

With enabled isAllowedCustomColors:

API Reference

Extension API

The color options from different extensions will be merged together, providing a combined selection of colors. By default, if any configuration is provided for allowed colors, users will only be able to choose colors from the specified list and not from outside of it.

However, this behavior can be modified using the isAllowedCustomColors option. If this option is set to true in any of the extensions, it will enable the ability to choose colors in addition to the ones specified in the allowed colors list.

Last updated 8/22/2023

Was this helpful?

Yes

No