Issue #1959💬 RespondidoAbierto el 10 de abril de 2019por trafalmejoReacciones 0

Editar innerHTML en un botón personalizado

Respuesta rápidapor simplecommerce

@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)

simplecommerce10 de abril de 2019

@trafalmejo Prueba a ver cómo implementan el componente de enlace, creo que podría ayudarte, aunque no estoy 100% seguro.

artf11 de abril de 2019

Deberías ampliar el componente de 'texto'

lock[bot]15 de abril de 2020

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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.