Issue #2154✓ ResueltoAbierto el 20 de julio de 2019por adelliinaaReacciones 8

Integración de componentes personalizados

Respuesta rápidapor artf7

Vale, pero ¿qué harás con la salida (componentes Angular) del editor? Quiero decir, ¿cómo lo vas a usar al final? En fin, veo dos enfoques diferentes para este tipo de situación:Crear un render personalizado para cada componente (exactamente lo que he creado con MJML). Este es el enfoque más preciso porque debería ver...

Lee la respuesta completa abajo ↓

Pregunta

¡Hola! Quiero integrar un componente personalizado con GrapesJS, usando Angular CLI 7, pero no se renderiza. Mi componente está construido sobre otro componente de código abierto. Cuando quiero incluirlo en cualquier proyecto de Angular, simplemente importaría las dependencias/bibliotecas en los archivos typescript y el propio componente (por ejemplo: <h2> <custom-comp> </custom-comp> </h2>) en el HTML. Para usarlo dentro de GrapesJS, inicialmente creé un Gestor de Bloques, donde adjunté mi componente personalizado: var editor = grapesjs.init({...}); var blockManager = editor. Jefe de bloque;...

Respuestas (3)

👍 Muy útilartf9 de agosto de 2019

Vale, pero ¿qué harás con la salida (componentes Angular) del editor? Quiero decir, ¿cómo lo vas a usar al final? En fin, veo dos enfoques diferentes para este tipo de situación:Crear un render personalizado para cada componente (exactamente lo que he creado con MJML). Este es el enfoque más precis...

artf31 de julio de 2019

@adelliinaa empecemos con una pregunta sencilla porque no entiendo, ¿qué tipo de editor intentas crear? Un constructor para componentes angulares?!?

adelliinaa31 de julio de 2019

Quiero crear un constructor de formularios similar al que creaste con los componentes de MJML, pero usando la CLI Angular en lugar de JS. Y sí, los componentes personalizados que quiero integrar en GrapesJS también están construidos en Angular.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.