La imagen no se redimensiona después de crear un enlace para la imagen
Estás aplanando el componente haciendo esto en 'selectedComponent.view.el['outerHTML']' y así eliminas todas sus propiedades. Lee más sobre cómo funcionan los Componentes.
Lee la respuesta completa abajo ↓Pregunta
''let selectedComponent = editor.getSelected();
sea href = this.getHref();
Sea título = este.título;
let childHtml='<a id="${selectedComponent.ccid}" title="${title}" href="${href}" target="_blank" class="gjs-comp-selected">${selectedComponent.view.el['outerHTML']}</a>';
const coll = selectedComponent.collection;
const at = coll.indexOf(selectedComponent);
coll.remove(selectedComponent);
coll.add(childHtml, { at });
selectedComponent.view.render();'''Respuestas (1)
Estás aplanando el componente haciendo esto en 'selectedComponent.view.el['outerHTML']' y así eliminas todas sus propiedades. Lee más sobre cómo funcionan los Componentes.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2305
La función Envolver y Desenrollar no funciona en el elemento seleccionado de Grapesjs
if(data.component.get('tagName') === 'img') { const selectedComponent = editor.getSelected(); const href = this.getHref(); const childHtml=...
Issue #418
No se puede reemplazar la imagen si está dentro de un enlace
Hola, Si importas este código dentro del editor: Y hago doble clic en la imagen para cambiarla, cuando elijo una nueva imagen del modal, no...
Issue #2827
¿No se pudo hacer que el texto fuera editable después de ejecutar el comando "editor.getSelected().view.disableEditing()"? ¿Algún comando alternativo para que se convierta en texto editable?
Hola @artf, Actualmente estoy trabajando en personalizar la propiedad del enlace, así que a mitad de mi flujo necesito restringir el texto...
Issue #795
editor.getSelected() en run:open-assets
¡Hola! Quiero sin tener que crear un nuevo botón de bloque y detener el evento asociado a la imagen, este 'run:open-assets' obtenga el área...
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.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.