Hi @luojiandan_bi,
Because custom visuals are executed in sandboxed iframes, they have no origin and loading additional scripts via workers is not supported. I have spent a lot of time trying to integrate editors into visuals and the good ones all need to use workers - it's not possible to package the workers in a way that allows them to be loaded at execution time. Ace is not my first choice, and I hope to be able to use something else in time, but I have managed to integrate it and have it working for the JSON mode at least for now.
With Ace you have two options that can realistically work:
- Load the desired workers from a CDN without CORS restrictions at execution time (as again, the iframe sandbox means that a remote location has to allow requests from any domain).
- Use Ace with the useWorker: false property and import an appropriate completer. For JavaScript, I think you might need to use the ace-builds package, with ace-builds/src-noconflict/mode-javascript.js (and any others that might need to be included; I haven't worked with the JS syntax but I knwo that if you want search box and theme functionality you'll need to do something similar for any of these references)
As everyone's code is a little different it's hard to prescribe exactly what you need but hopefully this may give you some ideas. With Deneb I use jsoneditor, which includes Ace, but I'm really only taking advantage of its schema validation functionality, so I manually specify my own instance of Ace editor. As such I handle my dependent imports here, which may also help you figure it out for your case.
Good luck!
Daniel
