@ hh54188 U dapat mengubah ukuran tinggi editor atau meneruskan tinggi sebagai prop ke editor ace untuk mencapai ketinggian dinamis tanpa scrollbar
Jadi jika komponen Anda terlihat seperti ini

1. Pendekatan pertama

<AceEditor
  onLoad={onLoad}
  height={someInitialHeight}
  ...
/>

onLoad(editor){
  // Your editor options comes here
   editor.on('change', (arg, activeEditor) => {
      const aceEditor = activeEditor;
      const newHeight = aceEditor.getSession().getScreenLength() *
        (aceEditor.renderer.lineHeight + aceEditor.renderer.scrollBar.getWidth());
       aceEditor.container.style.height = `${newHeight}px`;
      aceEditor.resize();
    });
}



md5-2967d728d81c1ff90dc28eeb85463c7c



```js
getIntitialHeight(editor=){
  if(editor){
  let newHeight;
     newHeight = editor.getSession()
        .getScreenLength() *
        (editor.renderer.lineHeight + editor.renderer.scrollBar.getWidth());
      newHeight = newHeight > 70 ? newHeight : 70;
      return `${newHeight}px`;
 }
 return someInitialHeight
}

Saya harap ini menjawab pertanyaan Anda!

@tokopedia
@Bayu_joo

mencoba ini dan tidak berhasil untuk saya; editor menjaga ukuran yang sama

Anda dapat menggunakan nilai Stylesheet inherit atau nilai 100% :)

Sampel:

    <AceEditor height="inherit" />
    <AceEditor height="100%" />

100% akan cocok dengan induknya, agar sesuai dengan konten gunakan opsi maxLines dan minLInes dari ace seperti yang ditunjukkan di https://ace.c9.io/demo/autoresize.html

@ Bugaa92 Bisakah Anda membuat pena atau biola sehingga kami dapat menguji ini?

Jangan tetapkan height dan gunakan maxLines={Infinity} untuk membuat tinggi editor sesuai dengan konten Anda dan nonaktifkan pengguliran vertikal

maxLines = {Infinity}

Ini benar-benar berhasil untuk saya

Sayangnya, ini tidak berfungsi dalam mode "Pisahkan" https://github.com/securingsincity/react-ace/blob/master/docs/Split.md ... ada yang punya ide tentang cara mencapai hal yang sama di Split melihat?