Documentação Primeiros passos
Primeiros passos com JavaScript
Monte um editor e exporte seu primeiro e-mail em HTML.
Nesta página
1. Obtenha a chave do editor
No painel, crie ou selecione um editor e copie sua chave pública. Permita a origem da sua aplicação, incluindo protocolo e porta: por exemplo, https://app.example.com.
2. Instale o SDK
npm install @weavour/editor3. Adicione um contêiner
Defina uma altura explícita no contêiner. Monte depois que o elemento existir.
<div id="email-editor" style="height: 700px"></div>4. Monte e exporte
Substitua a chave e os IDs pelos seus. Informe organizationId quando os usuários compartilharem a biblioteca de uma organização; omita para uma biblioteca pessoal. Execute este código no navegador.
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);
}Sem empacotador
Use o script versionado para navegador para acessar 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>