Cómo aplicar rasgos a los componentes utilizados para la inicialización de GrapesJ

Question

Estoy usando Esto funciona, pero solo para bloques que se añaden o arrastran y soltan manualmente al editor después de inicializarse. Si aportamos 'components' cuando llamamos 'grapesjs.init({..., components: [..]})', los componentes definidos en 'componentes' no tienen los rasgos. ¿Cómo podemos aplicar rasgos también a componentes cargados inicialmente, no solo a estos añadidos manualmente después?

artf · Accepted Answer

actualmente hay un problema para almacenar tipos personalizados a menos que estén definidos dentro de un plugin. No hay problema 😬, solo necesitas cargar tipos personalizados antes del contenido y usar plugins es la única formano puedo añadir todos los elementos posibles como plugins https://jsfiddle.net/artur_arseniev/9tg0a36c/

varadero · Answer

Así es como puede reproducirse:Ve a https://jsfiddle.net/nwsy6mv1/3/Bloques abiertos y colocación del bloque de "1 columna"Haz clic dentro de la columna y ve a "Configuración"Verás el desplegable de rasgo con la etiqueta "Etiqueta de rasgo"En este momento, los componentes grapesjs se guardan en el almacenamiento local porque está configurado como 'storageManager: { type: 'local' }'Actualizar el navegador para que grapesjs cargue componentes desde el almacenamiento localHaz clic en la columna y...

pouyamiralayi · Answer

Hola @varadero por favor define tu tipo personalizado como un plugin. ¡Salud!

Cómo aplicar rasgos a los componentes utilizados para la inicialización de GrapesJ

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Actualización de vista recursiva de un componente personalizado

Problema de arrastre de componentes personalizados

El tipo de componente de comentario no soporta añadir rasgos

Añadí un componente llamado plantilla en los bloques, pero cuando intento arrastrar otros componentes dentro de ese componente plantilla, se arrastra, pero tras guardarlo elimina todos los componentes que hay dentro. ¿Cómo evitar esto?

Plugins de pago que cumplen con este problema

Explorar categorías de plugins