External Javascript (not file include)

[dm-siegel]

I have tried creating script block using the built in component (doesn't allow drop), but what I am really after is being able to add dynamic javascript (stored in db, not in a file) to the editor. Using the includeScript when initializing the editor does not seem to work (when viewing the code). I understand the security reasons for not allowing script tags... but is there a way to do it? (I don't necessarily need to be able to edit the script in the editor... just include it as part of the document). I have considered making a custom tag that will hold the script source and using the view to render it in the editor, but was hoping for a more direct approach.

[artf]

There is the config.parser.optionsHtml.allowScripts option to enable from the parser module

[dm-siegel]

I was doing this.... and it still seems to wipe the script when loading or viewing the code.

this._editor = grapesjs.init({
      container: '#gjs',
      fromElement: true,
      // Size of the editor
      height: '100%',
      width: 'auto',
      // Disable the storage manager for the moment
      storageManager: false,
      optsHtml: {
        allowScripts: true,
      },

do I need to set it like:

this._editor.config.parser.optionsHtml.allowScripts = true;

one difference i noticed is in the first block, I am setting "optsHtml" and in the second, I am setting "optionsHtml"

[dm-siegel]

to follow on to this... I am doing something like this:

this._editor.setComponents("<script>alert('hello');</script>");

When I do this, the alert is not fired and the script tag is not showing up in the html when I view the code.

[dm-siegel]

more follow up... i was able to get it to accept the script tag using

this._editor = grapesjs.init({
 // ...
 parser: {
   optionsHtml: { allowScripts: true }
 }
})

might have been referencing some old code trying to go through optsHtml?