Haz un componente de botón
Hola @lypliuyinping Puedes crear bloques personalizados así:
Lee la respuesta completa abajo ↓Pregunta
Hola, quiero hacer un componente de botón, haz clic en el botón, aparecerá un cuadro de diálogo con algunos cuadros de texto y los botones OK y Cancelar, pulsar en OK y el botón Cancelar realizará diferentes funciones, ¿puedo preguntar cómo lograrlo? Gracias por tu respuesta
Respuestas (3)
Hola @lypliuyinping Puedes crear bloques personalizados así:
var customBlock = {
etiqueta: 'Botón',
atributos: {
Clase: "GJS-Fonts GJS-F-Button"
},
contenido: "<Clase Button='BTN BTN-Éxito' >Button</button>",
id: "miButtonId"
};
editor. BlockManager.add(customBlock.id, customBlock);
@JulyanoF Primero, ¡muchas gracias por tu respuesta! Luego, me gustaría preguntar, ¿cómo se logra el evento de clic de botón? Por ejemplo: Haz clic en el botón para mostrar el cuadro de texto.
¿Estás usando Bootstrap? ¿O otra js lib para crear un cuadro de diálogo?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1639
[Pregunta]: ¿Sería posible cambiar la configuración en el gestor de estilos de forma que tenga href cuando se crea un enlace?
Estoy usando un boletín predefinido con RTE integrado (no quiero usar el editor CK como en la demo) Para convertir cualquier texto en enlac...
Issue #1483
[PREGUNTAS] Haz un componente que no se pueda eliminar.
Hola, ¿Es posible crear un componente que no se pueda quitar o sin quitar el icono de la traqueoscopia al hacer clic? Gracias, espero con g...
Issue #1525
Cómo obtener datos de formularios en grapesjs
Hola a todos, Estoy usando el bloque Forms en grapejs y uso grapesjs con angular 6. Pero no entiendo que ¿cómo puedo obtener datos de los f...
Issue #1296
El Editor de Texto Enriquecido Personalizado no funciona
Hola @artf, acabo de crear un plugin personalizado del RTE usando diferentes librerías como CKEditor 5, TinyMCE 4 o Pell, pero todas con el...
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.