Documentación Primeros pasos
Inicio con JavaScript
Monta un editor y exporta tu primer email como HTML.
En esta página
1. Obtén tu clave de editor
En el panel, crea o selecciona un editor y copia su clave pública. Autoriza el origen de tu aplicación, con protocolo y puerto; por ejemplo, https://app.example.com.
2. Instala el SDK
npm install @weavour/editor3. Añade un contenedor
Define una altura explícita para el contenedor. Monta el editor cuando el elemento ya exista.
<div id="email-editor" style="height: 700px"></div>4. Monta y exporta
Sustituye la clave y los identificadores por los tuyos. Pasa organizationId para usar la biblioteca de una organización; omítelo para una biblioteca personal. Ejecuta este código en el 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);
}Sin empaquetador
Usa el script versionado para acceder a 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>