0

我已经实现了 Monaco Editor ( 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'), {})每次输入此开关案例时都使用已创建的相同（如果已创建）或制作一个新的，因此它不会附加到已创建的案例下方。

4

1 回答 1

2

您应该在 switch 函数之外创建 monaco 代码编辑器。在你的函数中，你应该只改变你的模型。

所以在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 在这里可用。

于 2016-09-07T00:35:36.033 回答