text: formatYaml()

in web/src/components/RawDataEditor/RawDataEditor.tsx [121:152]


            text: formatYaml(model.getValue()),
            range: model.getFullModelRange(),
          },
        ];
      },
    };
    monaco.languages.registerDocumentFormattingEditProvider('yaml', yamlFormatProvider);
    monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
      validate: true,
      trailingCommas: 'error',
    });
  };

  return (
    <>
      <Drawer
        title={formatMessage({ id: 'component.global.data.editor' })}
        placement="right"
        width={700}
        visible={visible}
        onClose={onClose}
        footer={
          <div style={{ display: 'flex', justifyContent: 'space-between' }}>
            <Button onClick={onClose} key={1}>
              {formatMessage({ id: 'component.global.cancel' })}
            </Button>
            <Space>
              <Button
                key={2}
                type="primary"
                onClick={() => {
                  try {