Documentation Bien démarrer
Démarrage JavaScript
Affichez un éditeur et exportez votre premier email en HTML.
Sur cette page
1. Obtenir votre clé d’éditeur
Dans le tableau de bord, créez ou sélectionnez un éditeur et copiez sa clé publique. Autorisez l’origine de votre application, protocole et port compris, par exemple https://app.example.com.
2. Installer le SDK
npm install @weavour/editor3. Ajouter un conteneur
Donnez une hauteur explicite au conteneur. Montez l’éditeur après la création de cet élément.
<div id="email-editor" style="height: 700px"></div>4. Monter et exporter
Remplacez la clé et les identifiants par les vôtres. Fournissez organizationId pour utiliser la bibliothèque d’une organisation ; omettez-le pour une bibliothèque personnelle. Exécutez ce code dans le navigateur.
import { mount } from '@weavour/editor';
try {
const editor = mount('#email-editor', {
editorKey: 'YOUR_PUBLIC_EDITOR_KEY',
userId: 'user-123',
organizationId: 'organization-456',
locale: 'en',
onError(error) {
console.error(error);
},
});
await editor.ready;
const { html, text, subject, preheader } = await editor.exportHTML();
// Pass these fields to your application's delivery workflow.
} catch (error) {
console.error('The editor could not load or export:', error);
}Sans outil de compilation
Utilisez le script versionné pour accéder à Weavour.mount().
<div id="email-editor" style="height: 700px"></div>
<script src="https://weavour.com/editor/sdk/0.1.12/editor.js"></script>
<script>
async function openEditor() {
const editor = Weavour.mount('#email-editor', {
editorKey: 'YOUR_PUBLIC_EDITOR_KEY',
userId: 'user-123',
onError: console.error,
});
await editor.ready;
return editor;
}
openEditor().catch(console.error);
</script>