Интеграция monaco-yaml с монако-редактором - PullRequest
Новая
       29

Интеграция monaco-yaml с монако-редактором

1 голос
/ 12 февраля 2020

Я пытаюсь использовать все функции monaco-eaditor, поэтому я объединю редактор monaco-diff с плагином monaco-yaml.

После этого я смог создать редактор monaco-diff 1003 *https://microsoft.github.io/monaco-editor/playground.html#creating -the-diffeditor-hello-diff-world . 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min/vs/editor/editor.main.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min/vs/loader.js"></script>

<script>
  require.config({ paths: {'vs': 'https://unpkg.com/monaco-editor@0.20.0/min/vs'}});

  window.MonacoEnvironment = { getWorkerUrl: () => proxy }
    let proxy = URL.createObjectURL(new Blob([`
      self.MonacoEnvironment = {
        baseUrl: 'https://unpkg.com/monaco-editor@0.20.0/min/'
      };
      importScripts('https://unpkg.com/monaco-editor@0.20.0/min/vs/base/worker/workerMain.js');
    `], { type: 'yaml' }));

    require([
      'vs/editor/editor.main'
    ], function () {
    var lhsModel = monaco.editor.createModel(value, 'yaml');
    var rhsModel = monaco.editor.createModel(value, 'yaml');

    diffEditor = monaco.editor.createDiffEditor(document.getElementById('diff-editor'), {
      enableSplitViewResizing: false,
    });

    diffEditor.setModel({
      original: lhsModel,
      modified: rhsModel
    });
 </script>

Однако я не могу найти учебник по добавлению monaco-yaml, может кто-нибудь дать мне ссылка, учебник или какие-либо полезные шаги?

...