Etiqueta de padre de contenido seleccionado eliminar
¿Has visto esta respuesta de [#1077] (https://github.com/artf/grapesjs/issues/1077#issuecomment-386444814) de @artf Creo que encaja con tu caso. '''javascript componente const = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(componente); return coll.add('<div>C...
Lee la respuesta completa abajo ↓Pregunta
https://github.com/artf/grapesjs/issues/906#issuecomment-381403858
Necesito eliminar el contenido html de editor.getSelected(). Ahora estoy usando,
var selectedContent = editor.getSelected();
selectedContent.set('content', '');
selectedContent.components(MYHTML);
Aunque uso selectedContent.set(''content', ''); elimina todo el html interno. Pero no eliminó la etiqueta de padre. Por ejemplo, Antes: '<h2 id="it4a"><p>Actualización de ejemplo completada'</p></h2> Después: '<h2 id="it4a"></h2>'
Después de configurar los componentes, es como '<h2 id="it4a">NEW HTML</h2>'. ¿Cómo eliminar las etiquetas padre mientras se deja el innerHtml vacío?
¿Me puedes explicar cómo solucionar esto?
Respuestas (3)
¿Has visto esta respuesta de [#1077] (https://github.com/artf/grapesjs/issues/1077#issuecomment-386444814) de @artf Creo que encaja con tu caso.
'''javascript componente const = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(componente); return coll.add('<div>Contenido nuevo</div>', { at });
Sí, lo intenté @afdallah, devuelve el índice de Indefinido. Déjame intentarlo de nuevo. Gracias por tu respuesta :)
Hola @afdallah @artf he probado el concepto anterior. Funciona bien a la primera. Aunque intenté actualizar una segunda vez, no funcionó. ! índiceOf
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2853
[PREGUNTA] ¿Tienes planes de eliminar la dependencia de Document.execCommand en RTE?
He notado que en https://github.com/artf/grapesjs/issues/74 cuando se menciona el cambio al editor basado en Pell, el uso de Document.execC...
Issue #792
La propiedad de script usando función no funciona con bloques
En la documentación de Componentes & JS hay este ejemplo: Esto funciona perfectamente. Pero no podría usar una función en lugar de una cade...
Issue #2428
[AYUDA]: La fuente no carga al usarla con webpack - grapesjs intenta cargar fuentes con ruta relativa
Estoy intentando cargar el editor de grapesjs en un archivo html sencillo y no carga los iconos propios de grapesjs ni los iconos de fontaw...
Issue #1511
[PREGUNTA] Cambiar el contenido html del componente seleccionado
Estoy intentando reemplazar el html del componente básico de texto usando el código que aparece a continuación ' const component = editor.g...
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.