Legacy Templates

If you are moving to Unlayer from a classic rich text editor, you can use our classic mode and let your users manage legacy templates and designs.

In classic mode, there is no JSON and templates are loaded and exported using HTML only.

Load Design

You can load the legacy design like this.

unlayer.loadDesign({
  html: '<html><body><div>This is a legacy HTML template.</div></body></html>',
  classic: true
});

The export function will return HTML.

unlayer.exportHtml(function(data) {
  var html = data.html; // final html

  // Do something with the html
})

unlayer.addEventListener('design:updated', function(data) {
  var type = data.type; // html:updated 
  console.log('design:updated', type);
})

We have a full example of legacy template. Check it out