Encontrar el componente asociado al elemento HTML en iframe/editor visual.
Puedes consultar el envoltorio para obtener modelos de componentes, por ejemplo, '''js componente const = editor. DomComponents.getWrapper().find('#somid')[0]; component.components ('<div>Añadir contenido dentro</div>'); ``` Por cierto, no queda claro por qué el contenido no se actualiza mientras dices 'Puedo cambiar...
Lee la respuesta completa abajo ↓Pregunta
¡Hola!
Estoy trabajando en una implementación de GrapesJS donde puedo arrastrar y soltar un fragmento de texto de fuera de GrapesJS hacia un elemento/componente de texto existente. No uso la función de arrastrar y soltar de GrapesJS para esto, sino el nativo (navegador) arrastrar y soltar.
Tengo algo de código funcionando para esto, un arrastrar y soltar que funciona, y puedo cambiar el texto en el editor visual (dentro del iframe). Pero esto no cambia el contenido real del documento, ya que se procesan o almacenan en segundo plano (¿en componentes, correcto?).
Ahora busco una forma de encontrar el componente asociado a un elemento HTML, para poder enviar el texto de ese componente.
¡Espero que haya quedado claro! He intentado buscar problemas existentes sobre esto, y he encontrado muchos sobre cómo actualizar el contenido de los componentes, pero no tengo una buena pista de cómo conseguir realmente el componente que quiero actualizar...
Respuestas (3)
Puedes consultar el envoltorio para obtener modelos de componentes, por ejemplo, '''js componente const = editor. DomComponents.getWrapper().find('#somid')[0]; component.components ('<div>Añadir contenido dentro</div>');
Por cierto, no queda claro por qué el contenido no se actualiza mientras dices 'Puedo cambiar el texto en el editor visual (dentro del iframe)'
¡Gracias! Lo probaré mañana.
Por cierto, actualizo el texto a través de JQuery usando la función text(), pero cuando muevo el elemento a otra posición, el texto original vuelve a aparecer.
Tuve el mismo problema de mover el componente arrastrando y soltando. Mi solución fue añadir un componente de texto dentro de mi componente personalizado. :)
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #481
Pregunta: ¿Arrastrar bloques a un bloque de texto?
Esto no es un bug, sino una cuestión de implementación. Si este no es el lugar adecuado para hacer estas preguntas, por favor, házmelo sabe...
Issue #3070
¿ERROR / Característica? Aplicar color de fondo al componente del cuerpo no forma parte del HTML exportado.
¡Hola Art, gracias por crear un proyecto tan fantástico! No estoy seguro de si esto se consideraría un error o una solicitud de función......
Issue #1907
[PREGUNTA]: ¿Arrastrar y soltar HTML externo en el editor?
He creado un componente que es encabezado y un elemento de bloque para él. He configurado la propiedad arrastrable como elemento html de se...
Issue #2673
[RESUELTO] [PREGUNTA] Función para actualizar el árbol DOM tras cambios en componentes
Hola. Estoy desarrollando un sitio usando este software increíble. Ahora estoy personalizando el editor y he encontrado una tarea que no pu...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.