Configurar el editor

Define los valores predeterminados

Guarda los ajustes en el panel. Las opciones de montaje explícitas tienen prioridad sobre editorConfig; los valores omitidos usan los del panel. El SDK no puede activar funciones bloqueadas por el servicio, la suscripción o el panel.

• Referencia de ajustes del panel →

Cambia la apariencia y el idioma

theme da estilo a la interfaz del editor. Para cambiar el diseño del email, usa sus propios ajustes. locale admite en, fr o es. El texto redactado se conserva; las etiquetas de los temporizadores siguen el idioma de la interfaz.

import { mount } from '@weavour/editor';

const editor = mount('#email-editor', {
  editorKey: 'YOUR_PUBLIC_EDITOR_KEY',
  userId: 'user-123',
  locale: 'en',
  theme: {
    mode: 'light',
    primaryColor: '#6b59d0',
    shellColor: '#f7f8fc',
    inputColor: '#ffffff',
    fontFamily: 'Inter',
    cornerRadius: 8,
    density: 'compact',
  },
  onError: console.error,
});

await editor.ready;
editor.updateConfig({ theme: { mode: 'dark' }, locale: 'fr' });

Alterna entre edición y vista previa

Define mode al montar o llama a updateConfig({ mode: 'preview' }). Usa edit para volver a editar. El contenido y el historial se conservan; los otros modos pausan el guardado automático. Estos modos requieren el SDK 0.1.7 y un editor alojado compatible.

// Call these from your application's preview and edit actions.
function showPreview() {
  editor.updateConfig({ mode: 'preview' });
}

function resumeEditing() {
  editor.updateConfig({ mode: 'edit' });
}

Elige bloques y funciones

allowedBlocks filtra la paleta de inserción. Un array vacío oculta todas las opciones; el contenido existente se conserva. Las opciones de funciones se aplican al montar o mediante updateConfig().

Los bloques de organización requieren userId y organizationId. Desactiva enableOrganizationBlocks para ocultar el guardado y la reutilización sin borrar bloques guardados. Antes de desactivar el guardado automático, confirma los cambios que quieras conservar.

// Run on your mounted editor instance.
editor.updateConfig({
  allowedBlocks: ['text', 'heading', 'image', 'button', 'section', 'columns'],
  enableTemplates: true,
  enableEmailAudit: true,
  enableTestEmail: false,
  enableOrganizationBlocks: false, // Hide organization block saving and reuse.
});

// Opt out of hosted drafts when your application manages persistence.
editor.updateConfig({ enableAutosave: false });

• Configurar etiquetas y condiciones →

Bloques personalizados

Pasa customBlocks para registrar los bloques de tu aplicación. Cada definición proporciona valores JSON iniciales, controles y una función de renderizado HTML. Aparecen después de los bloques estándar en la misma cuadrícula. Añade custom:<id> a cualquier lista allowedBlocks explícita.

• Definir y renderizar bloques personalizados →

Activar la IA

Configura créditos gestionados o tu clave de OpenAI en el panel. Nunca pases claves de proveedor al SDK. La IA requiere acceso de pago en ambos casos.