Issue #2076✓ ResueltoAbierto el 12 de junio de 2019por msassaReacciones 2

¿Cómo crear un nuevo componente que permita directivas de la hoja Laravel?

Respuesta rápidapor artf2

@msassa Si escribes el código así, es bastante difícil para el editor entenderlo, pero si creas una especie de componente condicional personalizado tendrás más control sobre él. Aquí tienes un ejemplo de tu caso donde la condición también puede cambiarse mediante un rasgo https://jsfiddle.net/452fvwk6/

Lee la respuesta completa abajo ↓

Pregunta

Hola, gracias por el buen trabajo.

Me gustaría saber si hay alguna forma de usar las directivas de las cuchillas dentro del código.

Ya añado una nueva funcionalidad para editar el código fuente, y funciona perfectamente. ! imagen

Pero cuando escribo algo así, el lienzo muestra un texto feo: ! imagen

Y me gusta encontrar una forma de que @if no se renderice en el lienzo. ¿Sabes cómo? La plantilla del front end funciona perfectamente, pero me gusta ocultarla del lienzo. ¡Gracias!

Respuestas (3)

👍 Muy útilartf14 de junio de 2019

@msassa Si escribes el código así, es bastante difícil para el editor entenderlo, pero si creas una especie de componente condicional personalizado tendrás más control sobre él. Aquí tienes un ejemplo de tu caso donde la condición también puede cambiarse mediante un rasgo https://jsfiddle.net/452fvwk6/

verdverm13 de junio de 2019

¿Qué analizaría esa sintaxis durante el renderizado?

He estado mirando ejecutar React en el lienzo, pero necesitamos cargar React y transpilar los componentes que creamos. Hay un script babel en el navegador para hacer algo así. Todavía no lo he conseguido funcionar del todo.

Fundamentalmente, lo que estás escribiendo se interpreta como texto/html

msassa13 de junio de 2019

Hola, estoy guardando ese código en un archivo, en S3. Más tarde, uso esos archivos en una aplicación de Laravel. Todo funciona bien, la única mejora que me gusta hacer es:

El código es correcto como código fuente, y tiene que guardarse así. Pero cuando visualizo ese bloque en el lienzo, solo necesito ver el html, no el @if (...) así como el @endif ... Podría marcarse con algo especial que indica que está rodeado por un cubo directivo, pero eso no sería necesario.

De hecho, muestra algo así: ! imagen

Idealmente, tendría que mostrar algo así: ! imagen

Gracias

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.