Menu

Examples

Insert content

This example shows how to insert a piece of template as html where the cursor is.

Click the button and insert content.

Code

<!DOCTYPE html>
<html>
    <head>
        <title>Revolvapp</title>
        <meta charset="utf-8">

        <!-- css -->
        <link rel="stylesheet" href="/your-folder/revolvapp.css" />
    </head>
    <body>
        <!-- button -->
        <button onclick="insertContent()">Insert content</button>

        <!-- element -->
        <div id="myemail"></div>

        <!-- js -->
        <script src="/your-folder/revolvapp.js"></script>

        <!-- call -->
        <script>
        var app = Revolvapp('#myemail', {
            editor: {
                path: '/your-path-to-revolvapp-folder/',
                template: '/your-path-to-template-file.html'
            },
            image: {
                upload: '/my-backend-upload/'
            }
        });

        // call API method
        function insertContent() {
            var code = `<re-block align="center" padding="20px 40px">
            <re-text>
                My text
            </re-text>
        </re-block>`;

            app.editor.insertContent({ html: code });
        }
        </script>
    </body>
</html>