Issue #2302💬 RespondidoAbierto el 30 de septiembre de 2019por Amitkumar85533Reacciones 2

¿Cómo conseguir el plugin externo CSS, JS y HTML a través de la función de exportación de GrapesJS?

Respuesta rápidapor pouyamiralayi1

. Pero no podemos mostrar a los usuarios el calendario en el lienzo después de arrastrar y soltar con la función de renderizado en MODEL, por eso usamos OnRender en la VISTA. ¿Has probado la definición de tipo de componente que te he puesto? Ha sido probado y está funcionando: ! imagenEntonces, ¿es suficiente el MODEL...

Lee la respuesta completa abajo ↓

Pregunta

He usado un plugin externo en Java Script de @fullCalendar en GrapesJS. Puedo renderizar el calendario en el lienzo, pero no puedo usar la función de exportación de GrapesJS para obtener JS, CSS y HTML de lo siguiente. Probé a usar 1) var html = editor.getHtml(); 2) var css = editor.getCss(); 3) var js = editor.getJs(); 4) editor.on('component:mount', comp => console.log(comp.toHtml())); Calendario renderizado en Lienzo - ! Calender1 Editor de Exportación de GrapesJs - ! Calender2 ¡Por favor, ayúdame! Gracias de antemano...

Respuestas (3)

pouyamiralayi1 de octubre de 2019

. Pero no podemos mostrar a los usuarios el calendario en el lienzo después de arrastrar y soltar con la función de renderizado en MODEL, por eso usamos OnRender en la VISTA. ¿Has probado la definición de tipo de componente que te he puesto? Ha sido probado y está funcionando: ! imagenEntonces, ¿es...

Amitkumar855331 de octubre de 2019

Muchas gracias, @pouyamiralayi. El código que diste funcionaba. Nuestro código no pudo elegir el elemento dominante para renderizar el calendario. Ahora funciona como se esperaba.

¡Muchas gracias por ayudarnos !!! :-p

pouyamiralayi30 de septiembre de 2019

¡Hola! Lo que buscas es usar JS dentro de componentes. Solo incluye los JS y CSS requeridos en la sección de scripts y estilos de canvas: Después construye tu propio componente de tipo personalizado: Luego, en la vista previa del código verás el script de resultado: ! imagen ¡Salud!

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.