Devolver el span aleatoriamente en un componente personalizado
Bueno, por lo que has contado no puedo saber qué está pasando, pero definitivamente, no se genera nada aleatoriamente, solo profundiza en la depuración. Por cierto, puedes resolver esto más fácilmente usando el método 'find(query)': '''js título var = this.get('título'); ... var h4 = this.find('h4')[0]; devuelve un ar...
Lee la respuesta completa abajo ↓Pregunta
Tengo un componente personalizado y al cambiar de rasgo quería actualizar html, pero de forma aleatoria devolvía span/textnode en la función de cambio de rasgos en lugar de elemento html. A continuación se muestra html generado por componente y, al cambiar el título, quiero actualizar el elemento h4.
updateTitle : función updateTitle() {
título var = this.get('título');
var linkModel = this.get("components").at(0);
if (linkModel) {
var titleContainer = linkModel.get("components").at(3);
if (titleContainer) {
var h4 = titleContainer.get("components").at(0);
si (h4) {
h4.set("contenido", título);
}
}
linkModel.attributes.attributes["aria-label"] = título;
linkModel.attributes.attributes["title"] = título;
}
this.set ("data-title", título);
if (this.get('isCreatePage') && this.changed && this.changed.title) {
this.set('isPageCreated', false);
this.set('bespokePageUrl', '');
this.updateIsCreatePage();
}
}
- linkModel.get("components").at(0) devuelve correctamente "div.programme-description"
- linkModel.get("components").at(1) devuelve "span" sin estar seguro de dónde viene
- linkModel.get("components").at(2) devuelve "span" sin estar seguro de dónde viene
- linkModel.get("components").at(3) devuelve correctamente "img.programme-content-image"
- linkModel.get("components").at(4) devuelve correctamente "div.programme-play-button-hidden"
- linkModel.get("components").at(5) devuelve correctamente "div.programme-title"
aquí no estoy seguro de dónde se devuelven linkModel.get("components").at(1) y linkModel.get("components").at(2) "span" y se devuelven aleatoriamente, así que no estoy seguro de qué está ocurriendo y debido a ello el título h4 no se actualiza como índice de cambios en los elementos.
Respuestas (3)
Bueno, por lo que has contado no puedo saber qué está pasando, pero definitivamente, no se genera nada aleatoriamente, solo profundiza en la depuración. Por cierto, puedes resolver esto más fácilmente usando el método 'find(query)': '''js título var = this.get('título'); ... var h4 = this.find('h4')[0]; devuelve un array de modelos h4 & h4.set("contenido", título); ...
@artf intenté depurar pero no tuve suerte porque ocurre en algunas páginas y no en todas. también
'this.find' no está definido ! imagen
Solo actualiza grapesjs
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1198
PREGUNTAS: Encontrar elemento en el modelo
Tengo un componente personalizado y se renderiza por debajo de html, quiero actualizar el valor de h4 tilte y otros elementos al cambiar el...
Issue #1493
[PREGUNTA] render() funciona a la primera, pero no en las llamadas posteriores
Hola, He creado un componente personalizado que muestra imágenes usando 'imagen de fondo' en un '<div>' en lugar de usar un <img>elemento '...
Issue #1313
[Pregunta] Valor de rasgos de establecer desde html en carga de componentes
Tengo un componente personalizado y quiero establecer valores predeterminados de rasgos desde html. A continuación se muestra HTML renderiz...
Issue #1424
El valor del rasgo de casilla se muestra de forma diferente en vista (render()) frente al modelo (getHtml())
Tengo un componente personalizado con un rasgo de casilla de verificación 'mostrar-nombre'. Cuando el valor del rasgo es 'true', el compone...
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.