Your own interface for our WYSIWYG HTML Editor

Customize the look of Froala rich text editor to get your very own version.

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

General Settings

White and gray colors used in the editor.

Toolbar

Specify custom colors and border size for the toolbars. The changes will reflect on the editor and image toolbars.

Buttons

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

Dropdowns

Customize dropdown menu container and contents.

Popups

Change the feel of the editor popups. This includes the progress bar for image upload or file upload, inputs inside popups and the dropzone for upload.

Content

Change settings for the content inside the editor.

HTML View

Settings for the appearance of the HTML view mode.

Image

Define image sizes and settings for the selected image.

Video

Define video sizes and settings for the selected video.

Media Manager

Customize the background and overlay of the media manager modal.