Make some blocks noneditable

This example shows how to make the header or footer in the template non-editable.

    Code

    <!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>

    Usage

    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>