無法使用摩納哥編輯器以更漂亮的格式工作

Question

我正在嘗試使用 Monaco 編輯器制作可在瀏覽器中運行的 IDE。 我想使用 Prettier 進行漂亮的格式化。 它僅適用於 Javascript 個文件或僅適用於 html 個文件。 但是，它不適用於我在下面指定的類型的文件。 我該如何解決。

預期的：

結果：

我也收到此錯誤：

    monaco.languages.registerDocumentFormattingEditProvider("javascript", {
            async provideDocumentFormattingEdits(model) {
                alert(1);
                var text1 = prettier.format(model.getValue(), {
                    wrapAttributes: "force",
                    parser: "babel",
                    // plugins: [babel],
                    htmlWhitespaceSensitivity: "ignore",
                    arrowParens: "always",
                    bracketSpacing: true,
                    endOfLine: "lf",
                    insertPragma: false,
                    singleAttributePerLine: false,
                    bracketSameLine: false,
                    printWidth: 400,
                    proseWrap: "preserve",
                    quoteProps: "as-needed",
                    requirePragma: false,
                    semi: true,
                    singleQuote: true,
                    tabWidth: 4,
                    //trailingComma: 'es5',
                    useTabs: false,
                    vueIndentScriptAndStyle: false,
                });

               

                return [
                    {
                        range: model.getFullModelRange(),
                        text: text1,
                    },
                ];
            },
        });
 monaco_scr_editor = monaco.editor.create(document.getElementById("browserIDE"), {
            value: ["<html>Please Wait Loading</html>"].join("\n"),
            language: "javascript",
            theme: "vs-dark",
            wrappingColumn: 0,
            autoIndent: true,
            formatOnPaste: true,
            formatOnType: true,
            wrappingIndent: "indent",
            wordWrap: "off",
            automaticLayout: true,
            overviewRulerLanes: 1,
            overviewRulerBorder: true,
            minimap: { enabled: false },
        });

Answer 1

您需要為options.parser提供正確的值。

來自文檔

options.parser必須根據您正在格式化的語言進行設置（請參閱可用解析器列表）。 或者，可以為 Prettier 指定options.filepath以從文件擴展名推斷解析器。

所以將它設置為parser: "html" 。

無法使用摩納哥編輯器以更漂亮的格式工作

問題描述

1 個解決方案

解決方案1
0 2022-10-06 12:28:53

無法使用摩納哥編輯器以更漂亮的格式工作

問題描述

1 個解決方案

解決方案1 0 2022-10-06 12:28:53

解決方案1
0 2022-10-06 12:28:53