Theming

Froala Editor comes with customizable UI which can be easily adapted to match your application theme. The easiest way to create your own theme is to use the customizer tool. Below is a side by side example presenting how to use a theme in both TinyMCE and Froala rich text editor.

TinyMCE Code Example

<script>
  tinymce.init({
    selector: 'textarea'
    skin_url: '/tinymce/skins/lightgray',
    skin: 'lightgray'
  });
</script>

Froala Code Example

<link href="../css/themes/gray.min.css" rel="stylesheet" type="text/css" />
<script>
  new FroalaEditor('textarea', {
    theme: 'gray'
  })
</script>