This example shows how to make the header or footer in the template non-editable.
<!DOCTYPE html>
<html>
<head>
<title>Revolvapp</title>
<meta charset="utf-8">
<!-- css -->
<link rel="stylesheet" href="/your-folder/revolvapp.css" />
</head>
<body>
<!-- element -->
<div id="myemail"></div>
<!-- js -->
<script src="/your-folder/revolvapp.js"></script>
<!-- call -->
<script>
Revolvapp('#myemail', {
editor: {
path: '/your-path-to-revolvapp-folder/',
template: '/your-path-to-template-file.html'
},
image: {
upload: '/my-backend-upload/'
}
});
</script>
</body>
</html>Sometimes it is needed that the header or footer in the template is not editable.
To do this, set the noneditable attribute for any tag and it will become uneditable visually.
In this example template, we have set the noneditable attribute for the footer tag. You can check it, it is now non-editable.
<re-footer noneditable="true">...</re-footer>