Usa una función de cuña para componentes que usan función script (no cadena)

El enfoque actual que convierte el script de un componente en texto antes de colocarlo en el documento es bastante limitante. ¿No sería posible usar un enfoque así, para mantener el alcance?

Pon la función en la ventana y usa una función de cuña en el componente en su lugar.

original código: '''js var myVar = 'Juan';

editor. BlockManager.add('test-block', { ... script: función () { alert('Hi ' + myVar); console.log('el elemento', esto); }, ... });

_follows mi sugerencia:_

_function detectado (como función y no como cadena), usemos una cuña:_

globalThis['test-block'] = identificadorDeTheTestBlockComponent.script

'''html
<div id="c764"></div>
<script>
  var items = document.querySelectorAll('#c764');
  para (var i = 0, len = items.length; i < len; i++) {
    (ventana['test-block'].bind(elementos[i]))();
  }
</script>

mencionado originalmente en una prensa aquí https://github.com/artf/grapesjs/pull/2479#issuecomment-569628660