Can't figure out how to load static_highlight from cdnjs

[Max13]

Hi there,

Title pretty self explanatory, I tried to search the doc, online and the Q&A, maybe I'm not searching the the right keywords. Here is a https://jsfiddle.net/yubd24to/, experienced users might quickly find what's missing.

Thanks for your help

EDIT: Fixed link

[nightwing]

This works https://jsfiddle.net/eLdoa5fg/

<script src=https://cdnjs.cloudflare.com/ajax/libs/ace/1.10.1/ace.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/ace/1.10.1/ext-static_highlight.js></script>

<pre class="code" ace-mode="json" ace-theme="monokai" ace-gutter="true">{
  "menu": {
    "id": "file",
    "value": "File",
    "popup": {
      "menuitem": [
        {
          "value": "New",
          "onclick": "CreateNewDoc()"
        },
        {
          "value": "Open", 
          "onclick": "OpenDoc()"
        },
        {
          "value": "Close", 
          "onclick": "CloseDoc()"
        }
      ]
    }
  }
}</pre>

ace.config.set('basePath', 'https://cdnjs.cloudflare.com/ajax/libs/ace/1.10.1');

let highlight = ace.require('ace/ext/static_highlight');
        Array.from(document.getElementsByClassName('code')).forEach(el => {
            highlight(el, {
                mode: 'ace/mode/json',
                theme: 'ace/theme/monokai',
                firstLineNumber: 1,
                showGutter: true,
            });
        });

[Max13]

Thank you for your reply. I noticed that in my previous link, I didn't include ace, while it wasn't my issue. I changed my link with the real version I had trouble with and noticed that I need to include the highlight extension script AND require the extension from ace. I thought the require would load the extension by itself thanks to the basePath.

Anyway, thank you for your fix