Reemplazando texto particular en un componente eliminado
'''js firstButton() { componente const = this.find('ion-segment-button')[0]; Por ejemplo, Actualizar contenido del componente interno component.components ('<div>Contenido nuevo</div>') }, ``` Por favor, revisa la API de componentes
Lee la respuesta completa abajo ↓Pregunta
Hola, obtengo el valor de los rasgos personalizados de lo que introduje pero no sé cómo cambiar el valor particular en el componente que se cae y renderizar en el lienzo
Mi captura de pantalla
! imagen
Lo que realmente quiero es reemplazar el valor de texto normal al que he introducido en los rasgos personalizados que puedes ver en mi captura de pantalla
Mis rasgos personalizados son '''js comps.addType('segment-type', {
model: defaultModel.extend({ Extender propiedades predeterminadas defaults: Object.assign({}, defaultModel.prototype.defaults, { Solo puede ser eliminado dentro de elementos de 'forma' arrastrable: '*', No puedes meter otros elementos dentro Droppable: Cierto, Rasgos (Escenarios) rasgos: [{ Tipo: 'texto', etiqueta: 'segmentButton1', marcador de posición: 'Regular', nombre: 'segmentButton1', cambioprop: 1 }, { Tipo: 'texto', etiqueta: 'segmentButton2', marcador de posición: 'Urgente', nombre: 'segmentButton2', cambioprop: 1 }], }), toHTML: function() { }, init() { this.listenTo(this, 'change:segmentButton1', this.firstButton); this.listenTo(this, 'change:segmentButton2', this.secondButton); }, firstButton() { Haz algo var segmentButton = document.getElementsByTagName('ion-segment-button'); btn1 = segmentButton[segmentButton.length - 2]; }, secondButton() { var segmentButton = document.getElementsByTagName('ion-segment-button'); btn2 = segmentButton[segmentButton.length - 1]; },
}, { isComponent: function (el) { if (el.tagName == 'ion-segment') { return { Tipo: 'Tipo de segmento' }; } }, }),
Definir la vista vista: defaultType.view, });
Aquí intento que se me caigan el elemento pero aparece indefinido.
¿Puedes ayudarme, por favor?
Gracias.
Respuestas (2)
'''js firstButton() { componente const = this.find('ion-segment-button')[0]; Por ejemplo, Actualizar contenido del componente interno component.components ('<div>Contenido nuevo</div>') },
Por favor, revisa la [API de componentes](https://grapesjs.com/docs/api/component.html)
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 #647
El valor de rasgos personalizados no se establece en el Código
Hola, Aquí usé textbox trailt y lo que escribo en el cuadro de entrada obtenía el texto en Code Viewer. Como puedes ver, 'progreso= 80' ! c...
Issue #1837
¿Cómo cambiar la etiqueta de los rasgos?
Me gustaría cambiar las etiquetas de los triados, que van a ser franceses. ! captura ¿Podrías dar un ejemplo de código? Gracias, Artur
Issue #1846
[Pregunta]: Usando ngModel en un componente que contiene grupos de tagName
He probado esta solución https://github.com/artf/grapesjs/issues/1819#event-2158016066 Pero sobre componentes personalizados, digamos, Teng...
Issue #1784
Eliminar componentes por defecto con elementos de lienzo
Cómo eliminar los componentes predeterminados que vienen con los elementos de canvas, es decir, copiar, mover y eliminar ! captura de panta...
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.