Quizá porque es 'stringify' y no 'stringfy'...
Lee la respuesta completa abajo ↓Pregunta
Quiero aplicar un script al elemento rte, que es select html element; al seleccionar el valor de un campo select, los valores dinámicos deberían añadirse a otro campo select pero el script no funciona en rte ! Captura de pantalla 2020-11-25 a las 130 28 PM
rte.add('custom-parentkey', {
icono: htmlForParent,
Vincula el 'resultado' al oyente de 'cambio'
evento: 'cambio',
Resultado: (RTE, acción) => {
Aquí quiero obtener el valor del campo y obtener el resultado dinámicamente y añadirlo a otro campo select excepto el script
no está funcionando
alert(JSON.stringfy(rte))
rte.insertHTML("<first>HELLLLLOOOO")</first>
},
actualización: (rte, acción) => { action.btn.firstChild.value = "";}
})
rte.add('custom-childkey', {
icono: htmlForChild,
Vincula el 'resultado' al oyente de 'cambio'
evento: 'cambio',
Resultado: (RTE, acción) => {},
Restablece la selección al cambiar
Actualización: (RTE, acción) => { }
})
Incluso intenté inicializar {allowScript:1} en el editor.init() y aún así no funcionó
Respuestas (2)
Quizá porque es 'stringify' y no 'stringfy'...
Gracias por informar de esto, @pranay2210.
¡Gran sugerencia sobre ****! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar.
Usando el sistema de eventos: '''javascript editor.on('component:update', (component) => { Tu lógica aquí });
**Enfoques alternativos:**
- Escuchar 'selector:add' para cambios en el selector CSS
- Usar 'selector:custom' para reglas personalizadas
- Aprovechar los eventos 'change:*' para un seguimiento detallado
- Crear un plugin que extienda el editor con esta capacidad
**Lo hace oficial:**
Si esta función beneficiaría a muchos usuarios, considera abrir una Solicitud formal de Funcionalidad en el repositorio GrapesJS con:
- Un caso de uso detallado
- Ejemplo de código que muestra el comportamiento deseado
- Por qué esto es importante para tu flujo de trabajo
El equipo central es receptivo a solicitudes de funcionalidades bien motivadas respaldadas por casos de uso reales.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4607
Error en JS al mover un elemento con su hijo
Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome v104Enlace de demo reproducible https://grape...
Issue #4000
Pegar un componente en la capa raíz del cuerpo genera TypeError
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v89 Enlace de demo reproducible ht...
Issue #3312
HAZAÑA: Hacer que el ancho del panel lateral sea del 20%
¿Qué intentas añadir a GrapesJS? El panel lateral parece arrugado. A menos que tengas un sobremesa grande, prefiero que las imágenes del pa...
Issue #3496
HAZAÑA: Marcar el componente como Sucio
¿Qué intentas añadir a GrapesJS? El componente debería poder marcarse como sucio, activando el mensaje de advertencia 'onbeforeunload'. Des...
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
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.