¿Cómo crear un nuevo componente que permita directivas de la hoja Laravel?
@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)
@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/
¿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
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.
Issue #1748
Cómo evitar que los elementos arrastren dentro del editor
Hola @artf Lo estás haciendo muy bien con grapesjs y es extremadamente útil hacer que nuestra funcionalidad sea más fácil de usar. Gracias...
Issue #1144
[Pregunta]: Propiedad personalizada para cambiar varios ajustes
¿Hay alguna forma de ampliar una propiedad actual o crear una nueva para cambiar varias propiedades? Tengo un componente en el que me gusta...
Issue #3381
Cambiar entre componentes da un error máximo de tamaño de pila de llamadas
Hola artf, me gustaría darte las gracias por crear una herramienta tan potente para crear CMS personalizados. Estoy implementando una funci...
Issue #2097
Pregunta sobre nuevas opiniones
Hola a todos, ¿Hay alguna forma sencilla de añadir una nueva vista justo al lado del gestor de estilos? Me gustaría crear una nueva vista q...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.