Social link with a placeholder

This example shows how to set placeholder to the social links.


    <!DOCTYPE html>
            <meta charset="utf-8">
            <!-- css -->
            <link rel="stylesheet" href="/your-folder/revolvapp.css" />
            <!-- element -->
            <div id="myemail"></div>
            <!-- js -->
            <script src="/your-folder/revolvapp.js"></script>
            <!-- call -->
            Revolvapp('#myemail', {
                editor: {
                    path: '/your-path-to-revolvapp-folder/',
                    template: '/your-path-to-template-file.html'
                image: {
                    upload: '/my-backend-upload/'


    Use a re-social-item tag with a placeholder attribute to show where the social image should be in the template. This placeholder can be replaced with the actual social icon when editing.

        <re-social-item placeholder="true" href="" width="30px" alt="Facebook"></re-social-item>
        <re-social-item placeholder="true" href="" width="30px" alt="Twitter"></re-social-item>