PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

Issue #1578✓ ResueltoAbierto el 14 de noviembre de 2018por mathiasbcReacciones 3

Solicitud personalizada sobre atributos "src"

Respuesta rápidapor artf2

Hola @mathiasbc usando la última https://github.com/artf/grapesjs/releases/tag/v0.14.43 Debería funcionar con algo así '''js editor.on('component:mount', model => { si (model.is('imagen')) { si (model.get('src') == '{{image_url}}') { model.getEl().src = "http://via.placeholder.com/350x150"; } } }); ```

Lee la respuesta completa abajo ↓

Pregunta

He implementado un pequeño editor de GrapesJS que permite editar plantillas de Django/Jinja2. GrapesJS por defecto intenta OBTENER la vista previa de imagen de mi elemento: <a href="{{producturl}}" target="blank"><img src="{{imageurl}}" width="130"/></a> La petición ocurre cada vez que cargo la plantilla en el editor de GrapesJS: http://localhost:8000/%7B%7Bimageurl%7D%7D 404 (Not Found)GrapesJS editor, sin embargo, funciona bien incluso con esta llamada 404. Pero me gustaría gestionar la petición a la imagen. Así que en lugar de GrapesJS hacer una llamada por defecto a http://localhost:8000/...

Respuestas (3)

👍 Muy útilartf22 de noviembre de 2018

Hola @mathiasbc usando la última https://github.com/artf/grapesjs/releases/tag/v0.14.43 Debería funcionar con algo así '''js editor.on('component:mount', model => { si (model.is('imagen')) { si (model.get('src') == '{{image_url}}') { model.getEl().src = "http://via.placeholder.com/350x150"; } } });...

artf17 de noviembre de 2018

Hola Mathias, actualmente la única posibilidad que veo ahora es ampliar el componente 'imagen' y su método 'render()'. Probablemente añada algún evento nuevo de componentes para facilitar la gestión de este caso

lock[bot]22 de noviembre de 2019

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

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