It looks like you’re browsing an old version of Froala. Please go to the newer version of our docs for a more updated version.

Your own design for your WYSIWYG HTML Editor

More details about how to use the generated CSS file can be found on the Color Themes example.

General Settings

Generic variables used in the editor.

Change settings for the content inside the editor.

Specify custom colors and border size for the UI. The changes will reflect on the editor toolbar, tooltips, popups and modals.

Define text, background, hover colors and sizes for the editor's buttons.

Define the breakpoints at which your layout will change, adapting to different screen sizes.

Customize dropdown menu container and contents.

Define image sizes and settings for the selected image.

Settings for the appearance of the HTML view mode.

Customize the background and overlay of the image manager modal.