Days
Hours
Minutes
Seconds
x

New Advanced File Management – Learn More

Skip to content

Migrate from TinyMCE

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>