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'
    }
});