Documentation

Editor

font #

Type: String

Default: 'Helvetica, Arial, sans-serif'

This option sets the font for elements containing text.

Revolvapp('#myemail', {
    editor: {
        font: 'Roboto, Arial, Helvetica, sans-serif'
    }
});

If the font is not standard for Mac or Windows, you can connect it in the template using the re-font element, for example from Google Fonts.

<re-html>
    <re-head>
        <re-title>My Email</re-title>
        <re-font href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700"></re-font>
    </re-head>
    <re-body>
        ...
    </re-body>
</re-html>

lang #

Type: String

Default: en

By default, Revolvapp is set to English language. You can download the language file in English, translate it and install your language. All you need is to set a language file after revolvapp.js:

<script src="/js/revolvapp/revolvapp.js"></script>
<script src="/js/revolvapp/es.js"></script>

And then set the lang option like this:

Revolvapp('#myemail', {
    editor: {
        lang: 'es'
    }
});

path #

Type: Boolean, String

Default: false

Specifies the url path to the Revolvapp directory for connecting iframe styles.

Revolvapp('#myemail', {
    editor: {
        path: '/revolvapp-dist/',
        template: '/my-folder/template.html'
    }
});    

template #

Type: Boolean, String

Default: false

The url path to your email template.

Revolvapp('#myemail', {
    editor: {
        path: '/revolvapp-dist/',
        template: '/my-folder/template.html'
    }
});    

viewOnly #

Type: Boolean

Default: false

This setting turns off template editing.

Revolvapp('#myemail', {
    editor: {
        viewOnly: true
    }
});

https #

Type: Boolean

Default: false

This setting automatically converts all links and images addresses from http to https.

Revolvapp('#myemail', {
    editor: {
        https: true
    }
});

minHeight #

Type: Boolean, String

Default: false

This setting allows to set minimum height for the editor.

Revolvapp('#myemail', {
    editor: {
        minHeight: '300px'
    }
});

maxHeight #

Type: Boolean, String

Default: false

This setting allows to set maximum height for Article.

Revolvapp('#myemail', {
    editor: {
        maxHeight: '800px'
    }
});

shortcutsPopup #

Type: Boolean

Default: true

This setting allows to disable to show the keyboard shortcuts button and its popup.

Revolvapp('#myemail', {
    editor: {
        shortcutsPopup: false
    }
});

scrollTarget #

Type: String, Node

Default: window

If the editor is in the parent layer, which has its own scrolling, regardless of the page scrolling, then you need to specify the ID of this layer in this setting.

Revolvapp('#myemail', {
    editor: {
        scrollTarget: '#my-scroll-layer'
    }
});