Issue #3638💬 RespondidoAbierto el 23 de julio de 2021por momu-2016Reacciones 0

Script-props es inválido

Respuesta rápidapor artf

Parece que funciona perfectamente aquí: https://jsfiddle.net/rp7wa58h/ De todos modos, no necesitas la 'vista' si no la usas, y lo mismo para 'isComponent' (que está mal escrito en tu ejemplo y colocado en el lugar equivocado), 'data-gjs-type' ya se usa, por defecto, de la misma manera automáticamente por el editor

Lee la respuesta completa abajo ↓

Pregunta

¡Hola! @artf, ¡gracias por tu gran trabajo! Sigo la https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts,but cuando selecciono el valor. El script no se ejecutó. ¡Espero algunas sugerencias, muchas gracias! ''''JavaScript Función predeterminada de exportación (editor, opt = {}) { const c = opt; const domc = editor. DomComponents; const defaultType = domc.getType("default"); const defaultView = defaultType.view; const TYPE = "test"; const script = función (props) { alert("Hola"); }; editor. Components.addType(TYPE, { modelo: { Predeterminados: { guion, título: "valor1", 'guion-props': ['título'], Rasgos: [ { tipo: "select", Nombre: "Stitle", cambioProp: cierto, Opciones: [ { valor: "valor1", nombre: "Valor 1" }, { valor: "valor2", nombre: "Valor 2" }, ], }, ], }, Component(el) { if (el.getAttribute && el.getAttribute("data-gjs-type") == TYPE) { return { tipo: TIPO, }; } }, }, view: defaultView.extend({}), }); }

Respuestas (2)

artf• 29 de julio de 2021

ClaudeCode• 17 de mayo de 2026

Gracias por informar de esto, @momu-2016.

Gracias por compartir tu informe sobre script-props es inválido. Para ayudar al equipo a investigar y priorizar esto:

Por favor, proporciona:

Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle)
Tu GrapesJS número de versión
Información sobre navegador y sistema operativo
Cualquier mensaje de error de la consola del navegador
Pasos para reproducir el problema

Lo que más ayuda:

Ejemplo de código mínimo (no tu proyecto completo)
Grabación de pantalla o captura de pantalla que muestra el problema
Comportamiento esperado frente a comportamiento real claramente indicado
Configuración GrapesJS que estás usando

Con estos detalles, los mantenedores pueden identificar y priorizar una solución mucho más rápido. El equipo de GrapesJS responde muy bien a los problemas bien documentados.