Hallo, Ich versuche, React-Ace in einem meiner Projekte zu verwenden, und ich kann die automatische Vervollständigung oder Snippets nicht zum Laufen bringen.
Meine Rendermethode ist wie folgt:
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>
</>);
}
und meine Importe sind:
import AceEditor from "react-ace";
import "ace-builds/src-noconflict/mode-html";
import "ace-builds/src-noconflict/theme-monokai";
Die Seite lädt gut und der Editor arbeitet mit Syntaxhervorhebung, ich bekomme nur den Autocomplete/Snippet-Dialog nicht.
Die einzigen Warnungen, die ich erhalte, sind (was sich nach dem Problem anhört):
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"
Jede Hilfe wäre toll, danke!
Laden Sie die Sprachtools-Erweiterung import "ace-builds/src-noconflict/ext-language_tools";
zum Laden, damit diese Optionen funktionieren.
Fest! Vielen Dank @nightwing !
Erstellt eine PR, um die Dokumente mit diesem Anwendungsfall zu aktualisieren, da ich mir vorstellen kann, dass andere auf dasselbe stoßen.
Hilfreichster Kommentar
Laden Sie die Sprachtools-Erweiterung
import "ace-builds/src-noconflict/ext-language_tools";
zum Laden, damit diese Optionen funktionieren.