Doc

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

Revolvapp has the ability to store template style settings right inside the template. This can be done by placing the re-options tag inside the template. For example, like this:

<re-html>
    <re-options>
    {
        "text": {
            "font-family": "Helvetica, Arial, sans-serif",
            "font-size": "21px",
            "line-height": "1.5",
            "color": "#333"
        },
        "heading": {
            "font-family": "Helvetica, Arial, sans-serif",
            "font-weight": "bold",
            "color": "#111"
        }
    }
    </re-options>
    <re-head>...</re-head>
    <re-body>...</re-body>
</re-html>

Now, if you save the template and display it in Revolvapp afterwards, it is these style settings that will be set in the settings.

Also see the styles setting to see what styles can be in the template.

Examples

Set up styles inside template

Code

Usage