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