This example shows how to set placeholder to the social links.
<!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>
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>
<re-social-item placeholder="true" href="https://facebook.com/" width="30px" alt="Facebook"></re-social-item>
<re-social-spacer> </re-social-spacer>
<re-social-item placeholder="true" href="https://twitter.com/" width="30px" alt="Twitter"></re-social-item>
</re-social>