Añadir el botón de Configuración a un componente personalizado.
El enlace anterior que mencioné antes es solo para añadir un botón a la barra de herramientas. Creo que deberías seguir los siguientes pasos para completar tu tarea;Crear/implementar un editor según tus necesidades. Aviario-uvas utiliza editor de aviarios (ver)Define un comando capaz de abrir tu editor como grapesjs-a...
Lee la respuesta completa abajo ↓Pregunta
Hola,
¿Cómo puedo crear una configuración o puedes editar, por ejemplo, un botón de edición para mi componente personalizado?
Con la cuarta opción de esta imagen:
Respuestas (3)
El enlace anterior que mencioné antes es solo para añadir un botón a la barra de herramientas. Creo que deberías seguir los siguientes pasos para completar tu tarea;
- Crear/implementar un editor según tus necesidades. Aviario-uvas utiliza editor de aviarios (ver)
- Define un comando capaz de abrir tu editor como grapesjs-aviary ver
- Define el botón de barra de herramientas como mencioné antes, que ejecuta tu comando
Eso es todo.
Hola @HarshOB,
Es tan simple como la imagen https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentImage.js#L32
Hola @ateshuseyin
No quiero el mismo editor que una imagen, quiero crear la mía propia. Solo quiero añadir ese icono a mi componente y cuando haga clic en ese icono quiero mostrar el área de que el usuario pueda añadir texto, imagen, código HTML, etc., y eso se reflejará en ese componente.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1780
Cómo cambiar el desplegable extra para el rasgo de cambio de enlace
Hola @artf, Quiero dar una funcionalidad más al usuario, como que el usuario pueda cambiar cualquier enlace con el desplegable de enlaces p...
Issue #1826
[Pregunta] ¿Cómo añadir un enlace a una imagen?
Hola Artur, ! captura ¿Cómo añadir un enlace a esta imagen? Si necesito crear un componente personalizado, por favor dadme algún código de...
Issue #794
[PREGUNTA] ¿Cómo crear una opción personalizada en Toolbox?
Me gustaría saber cómo puedo crear una "opción" personalizada con contenido personalizado en este lugar: ! imagen
Issue #987
[BUG/Pregunta] Indicador desplegable no mostrado para un rasgo personalizado
Hola, El icono desplegable (select) de la flecha de elemento no se renderiza al añadir un rasgo personalizado a un componente: ! imagen Est...
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.