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>