Editar innerHTML en un botón personalizado
@trafalmejo Prueba a ver cómo implementan el componente de enlace, creo que podría ayudarte, aunque no estoy 100% seguro.
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
Estoy intentando cambiar el texto en un componente de botón, pero no consigo editarlo. He añadido este tipo:
comps.addType('button', {
Defina el modelo
model: defaultModel.extend({
Extender propiedades predeterminadas
defaults: Object.assign({}, defaultModel.prototype.defaults, {
estilo: {
Ancho: '130px',
Altura: '50px',
},
No puedes meter otros elementos dentro
Droppable: falso,
redimensionable: cierto,
Editable: Cierto,
}),
},
Incluí el parámetro editable: true, pero no funciona Y añadir el botón al Administrador de Componentes
editor. BlockManager.add('button', {
etiqueta: 'Botón',
Atributos: { Class:'GJS-Fonts GJS-F-B1'},
categoría: 'Básico',
contenido: '<button type="button">¡Haz clic en mí!</button>'
})
¿Hay alguna forma de solucionar esto? ¡Gracias!
Respuestas (3)
@trafalmejo Prueba a ver cómo implementan el componente de enlace, creo que podría ayudarte, aunque no estoy 100% seguro.
Deberías ampliar el componente de 'texto'
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 #1891
No se puede crear un nuevo componente de botón
Me está costando crear un nuevo componente para un <button> elemento. ¿Qué me estoy perdiendo? ¿Hay algún fallo aquí? Funciona bien si lo c...
Issue #1669
[Pregunta] El modal de enlace personalizado no actualiza el texto actual, sino que añade otro texto con enlace
Hola Artur, Estoy intentando tener un modal personalizado al pulsar el botón de enlace en RTE. Pero no convierte el texto seleccionado a en...
Issue #1995
[PREGUNTA] Los eventos vinculados no se están cargando (simplemente funcionan correctamente en Mozilla Firefox)
Así que estoy usando almacenamiento local. He añadido algunos eventos al componente de esta manera. Cada vez que añado el componente funcio...
Issue #1580
[Pregunta] Añadir botón personalizado a RTE
Hola a todos, Actualmente estoy intentando alejarme de CKEDITOR (usado en una app antigua para crear correos electrónicos y micrositios). E...
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.