Сброс состояния редактора Monaco

Question

Я внедрил редактор Monaco (https://github.com/Microsoft/monaco-editor) в качестве способа для пользователя вставить некоторый JSON.

Включить редактор, как только пользователь нажмет кнопку «отправить». Проблема заключается в том, что редактор включен внутри функции переключения. Поэтому, как только кнопка была нажата один раз, редактор будет добавляться под первым созданным редактором, если клиент снова нажмет на эту кнопку. Есть ли способ «перезагрузить» редактор, поэтому он обычно не добавляется, а вместо этого либо создает новый, либо использует уже созданный?

Вот мой текущий код.

require.config({ paths: { 'vs': '/scripts/monaco-editor/min/vs' } }); 

switch (id) { 
     case 'post': 
      $('#httpMethodGet').css('display', 'none'); 
      $('#httpMethodPost').show(); 
      require(['vs/editor/editor.main'], function() { 
       monaco.languages.json.jsonDefaults.setDiagnosticsOptions({ 
        schemas: [{ 
         uri: "http://myserver/bar-schema.json", 
         schema: { 
          type: "object", 
          properties: { 
           q1: { 
            enum: ["x1", "x2"] 
           } 
          } 
         } 
        }] 
       }); 
       var jsonObject = [ 
        '{', 
        ' "$schema": "http://myserver/foo-schema.json"', 
        "}" 
       ].join('\n'); 
       window.editor = monaco.editor.create(document.getElementById('codeEditor'), { 
        value: jsonObject, 
        language: 'json', 
        theme: 'vs-dark', 
        scrollBeyondLastLine: false, 
        renderWhitespace: true 
       }); 
      }); 
      break; 

Так что я хочу, чтобы window.editor = monaco.editor.create(document.getElementById('codeEditor'), {}) либо использовать тот же уже создан, если есть один создан, или сделать новый, каждый раз, когда этот переключатель случаев вводится, поэтому он не добавляет пыльник одного (s) уже создано.

Answer 1

Вы должны создать редактор кода из Монако вне зависимости от функции вашего переключателя. Внутри вашей функции вы должны изменить свою модель.

Так перед функцией switch()

window.editor = monaco.editor.create(document.getElementById('codeEditor'), { 
        value: '', 
        language: 'json', 
        theme: 'vs-dark', 
        scrollBeyondLastLine: false, 
        renderWhitespace: true 
       }); 

затем внутри switch()

window.editor.getModel(). setValue(jsonObject); 

API, являются Имеющийся here.