Hai, saya mencoba menggunakan react-ace dalam proyek saya, dan saya tidak bisa membuat pelengkapan otomatis atau cuplikan berfungsi.
Metode render saya adalah sebagai berikut:
render(): JSX.Element {
return (<>
<ContentPage>
<AceEditor
placeholder="Placeholder Text"
mode="html"
theme="monokai"
name="blah2"
width="inherit"
onChange={this.onCodeChange}
fontSize={14}
showPrintMargin={true}
showGutter={true}
highlightActiveLine={true}
setOptions={{
enableBasicAutocompletion: true,
enableLiveAutocompletion: true,
enableSnippets: true,
showLineNumbers: true,
tabSize: 2
}}
/>
</ContentPage>
</>);
}
dan impor saya adalah:
import AceEditor from "react-ace";
import "ace-builds/src-noconflict/mode-html";
import "ace-builds/src-noconflict/theme-monokai";
Halaman dimuat dengan baik dan editor berfungsi dengan penyorotan sintaks, saya hanya tidak mendapatkan dialog pelengkapan otomatis/cuplikan.
Satu-satunya peringatan yang saya dapatkan adalah (yang terdengar seperti masalah):
ace.js:4316 misspelled option "enableBasicAutocompletion"
warn @ ace.js:4316
ace.js:4316 misspelled option "enableLiveAutocompletion"
warn @ ace.js:4316
ace.js:4316 misspelled option "enableSnippets"
Bantuan apa pun akan sangat membantu, terima kasih!
muat ekstensi alat bahasa import "ace-builds/src-noconflict/ext-language_tools";
untuk memuat agar opsi ini berfungsi.
Tetap! Terima kasih banyak @nightwing !
Membuat PR untuk memperbarui dokumen dengan kasus penggunaan ini, karena saya membayangkan orang lain mungkin mengalami hal yang sama.
Komentar yang paling membantu
muat ekstensi alat bahasa
import "ace-builds/src-noconflict/ext-language_tools";
untuk memuat agar opsi ini berfungsi.