Cómo usar editor.getSelected().append('<div>...');
@Rasazna en el siguiente ejemplo, lo estoy usando dentro de un evento ''seleccionado'', así que cada vez que haces clic en un elemento, ¡tus cambios se apliquen! ¡Salud!
Lee la respuesta completa abajo ↓Pregunta
ADVERTENCIA
LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el número
- Seguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md
- Utiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del problema con su contexto, por ejemplo, '[Bug]: ....'
- Haz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problema
- NO PIDAS crear ejemplos/código para ti, lee primero DOCS y APIs, luego puedes publicar lo que has probado (nos gustaría ver tu código) y lo que no puedas lograr
- Todas las afirmaciones/preguntas relativas deben ser respondidas/completadas, de lo contrario, el asunto podría quedar CERRADO
Estás enviando un BUG
- ¿Estás usando la última versión (las versiones anteriores NO están soportadas)?
- Si no estás seguro, escribe 'grapesjs.version' en la consola y pulsa ENTER
- ¿Te enfrentas al problema con tu copia local de GrapesJS o con la demo actual?
- Si una copia local
- Indica toda la información sobre tu sistema operativo, navegador y la versión de GrapesJS.
- ¿Puedes reproducir el error de la demo?
- ¿Cuál es el comportamiento esperado?
- ¿Qué ocurre en cambio?
- Si puedes reproducir el error, indica todos los pasos necesarios
- Adjuntar capturas de pantalla (usando KAP/LICEcap), retransmisiones de pantalla o demostraciones en directo
- Plantilla de inicio de JSFiddle https://jsfiddle.net/szLp8h4n
- Plantilla de inicio de CodeSandbox https://codesandbox.io/s/1r0w2pk1vl
Estás enviando una SOLICITUD DE FUNCIÓN
- Asegúrate de trabajar en la última versión, ya que la función podría estar ya disponible
- Ten en cuenta que la función debe considerarse válida para todos, no solo para tu caso
Respuestas (2)
@Rasazna en el siguiente ejemplo, lo estoy usando dentro de un evento ''seleccionado'', así que cada vez que haces clic en un elemento, ¡tus cambios se apliquen!
Editor.on('component:selected', model => {
editor.getSelected().append('<div>¡BU!</div>')
})
¡Salud!
No entendía cómo usar editor.getSelected().append('<div>...'); función . ¿Alguien puede dar un ejemplo de esto
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2353
Texto: Se crea un nuevo div cada vez que pulso enter en lugar de crear un </br>
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #2142
Componente de arrastre con su padre
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #2424
Forma una nueva <P> etiqueta cerrando la <p> etiqueta existente mientras se hace clic en enter
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #901
¿Podemos tener almacenamiento local y remoto al mismo tiempo?
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
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
Preset DevFuture 2.0 — New Update Released
Preset continues evolving as a clean, production-ready starting point for building visual editors powered by GrapesJS
Tutorial
How Much Can You Earn on GJS.Market in a Month?
Discover how DevFuture earns €2,000+ monthly on GJS.Market — and learn how you can start building and selling your own GrapesJS plugins.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.