Issue #2666💬 RespondidoAbierto el 19 de marzo de 2020por siddiskingReacciones 0

Añadir rasgo hace que el elemento no sea editable

Respuesta rápidapor artf

Tu componente debería extender el de 'texto'

Lee la respuesta completa abajo ↓

Pregunta

Hola,

Quería añadir un rasgo que me permita editar la etiqueta de encabezado de un componente.

Pude lograrlo siguiendo el código que aparece

editor. DomComponents.addType('heading', {
    isComponent: el => el.tagName == 'H1' || el.tagName == 'H2' || el.tagName == 'H3' || el.tagName == 'H4' || el.tagName == 'H5' || el.tagName == 'H6',
    modelo: {
      Predeterminados: {
        Rasgos: [
        {			
          tipo: 'select',
          Opciones: [
              { valor: 'h1', nombre: 'Rumbo 1' },
              { valor: 'h2', nombre: 'Rumbo 2' },
              { valor: 'h3', nombre: 'Rumbo 3' },
              { valor: 'h4', nombre: 'Rumbo 4' },
              { valor: 'h5', nombre: 'Rumbo 5' },
              { valor: 'h6', nombre: 'Rumbo 6' },
          ],
          etiqueta: 'Tamaño',
          nombre: 'etiquetaNombre',
          cambioProp: cierto,
         }
        ]
      }
    }
  });
};

He encontrado la solución en este problema

Pero no permite editar el componente cuando se hace doble clic.

Cómo habilitar la edición del componente de encabezado, como el de texto manteniendo la función de nombre de etiqueta.

-Gracias

Respuestas (2)

artf20 de marzo de 2020

Tu componente debería extender el de 'texto'

amitbhoj77718 de mayo de 2020

Quiero añadir varios mensajes de texto addType, pero estoy teniendo un problema que el último que añadí solo aceptará.??

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 →

Explorar categorías de plugins

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