¿Grapejs ofrece selección de variables en la interfaz?
No existe una función incorporada, pero puedes ampliar fácilmente grapesjs para ello. Si buscas el uso de variables durante la edición de texto, este fragmento podría ayudarte. También puedes utilizar Blocks para crear variables arrastrables, por ejemplo: '''js editor. BlockManager.add('my-var-block', { etiqueta: 'Var...
Lee la respuesta completa abajo ↓Pregunta
Acabo de encontrarme con Grapejs y tiene una pinta increíble, pero no encuentro buena información sobre cómo gestionar variables.
¿Hay alguna forma de darle a grapejs una lista de variables permitidas para que el usuario pueda insertarlas fácilmente a través de la interfaz al crear una plantilla (editar texto), o simplemente tienen que escribir la sintaxis de las variables donde la necesitan, o se espera que extienda grapejs para añadir esta funcionalidad?
No pude ver esta función en ninguna de las demos ni la mencioné en la documentación, aunque supuse que sería una función fundamental.
Gracias.
Respuestas (2)
No existe una función incorporada, pero puedes ampliar fácilmente grapesjs para ello. Si buscas el uso de variables durante la edición de texto, este fragmento podría ayudarte.
También puedes utilizar Blocks para crear variables arrastrables, por ejemplo: '''js editor. BlockManager.add('my-var-block', { etiqueta: 'Variable simple', Contenido: '{{ SOME_VAR_EXAMPLE }}', });
o incluso mezclarlos con [Components](https://github.com/artf/grapesjs/wiki/Components) personalizados para mostrar variables de forma diferente dentro del lienzo. Un ejemplo rápido https://jsfiddle.net/jhf0rsbj/
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.
Issue #1086
[Pregunta] ¿Cuál es la forma de generar componentes con JavaScript externo?
Parece que no debería hacer esa pregunta, pero he dedicado mucho tiempo a buscar y no he conseguido una buena guía sobre esto. Quiero crear...
Issue #1960
[PREGUNTA] Generación dinámica de clases con una plantilla
¡Hola! Me pregunto si hay alguna forma de forzar la generación dinámica de clases (de la forma 'cXXXXX', que ocurre al arrastrar y soltar u...
Issue #1895
[PREGUNTA] Arrastra el componente sobre el lienzo con script, script añadido varias veces.
Hola, no estoy seguro de si esto es un error o no. Pero he notado un comportamiento extraño: cuando arrastro un bloque que tiene un compone...
Issue #1707
Encontrar enlaces de imágenes en el editor
Estoy intentando integrar GrapesJs en reactJs. ¿Podrías ayudarme con la siguiente pregunta sobre GrapesJs-React? • ¿Hay alguna forma de enc...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.