javascript 摩纳哥编辑器React用户调整大小(窗口风格调整大小)

zhte4eai 于 2022-12-21 发布在 Java

关注(0)|答案(1)|浏览(337)

我使用monaco-editor，react版本，有以下代码

<Editor
                height={"100%"}
                width={1200}
                onChange={handleUserQueryChange}
                beforeMount={handleEditorBeforeMount}
                onMount={handleEditorDidMount}
                options={{
                  minimap: {
                    enabled: false,
                  },
                  scrollBeyondLastLine: false,
                  lineNumbers: 'off',
                  glyphMargin: false,
                  folding: false,
                  lineDecorationsWidth: 0,
                  lineNumbersMinChars: 0,
                  wordWrap: 'off',
                  automaticLayout: true
                }}
              />

我想改变大小编辑器像一个窗口，你打开一个正常的操作系统（windows/linux），并移动下面的内容。
我添加的automaticaLayout似乎不起作用（我认为它是关于响应的）。
有什么想法吗？

JavaScript

来源：https://stackoverflow.com/questions/74853793/monaco-editor-react-resize-by-user-windows-style-resize

1条答案

按热度按时间

qv7cva1a1#

最后我使用了库 re-resizable，代码如下，它可以正常工作：

const [height, setHeight] = useState(10)

  <Resizable size={{
              width: 1200,
              height: height,
            }}
            onResizeStop={(e, direction, ref, d) => {
              setHeight(height + d.height)
            }}
            >
             
               <Editor
                height={height}
                width={1200}
                options={{
                  minimap: {
                    enabled: false,
                  },
                  scrollBeyondLastLine: false,
                  lineNumbers: 'off',
                  glyphMargin: false,
                  folding: false,
                  lineDecorationsWidth: 0,
                  lineNumbersMinChars: 0,
                  wordWrap: 'off',
                  automaticLayout: true
                }}
              />
            </Resizable>

注意：在本例中仅更改高度，但如果需要，也可以添加宽度

赞(0）回复(0）举报 2022-12-21

我来回答

javascript 摩纳哥编辑器React用户调整大小(窗口风格调整大小)

1条答案

相关问题

热门标签

最新问答