Bonjour, j'essaie d'utiliser react-ace dans un de mes projets et je n'arrive pas à faire fonctionner la saisie semi-automatique ou les extraits de code.
Ma méthode de rendu est la suivante :
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>
</>);
}
et mes importations sont :
import AceEditor from "react-ace";
import "ace-builds/src-noconflict/mode-html";
import "ace-builds/src-noconflict/theme-monokai";
La page se charge correctement et l'éditeur fonctionne avec la coloration syntaxique, je n'obtiens tout simplement pas la boîte de dialogue de saisie semi-automatique/extrait de code.
Les seuls avertissements que je reçois sont (ce qui ressemble au problème) :
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"
N'importe quelle aide serait grande, merci !
chargez l'extension d'outils de langue import "ace-builds/src-noconflict/ext-language_tools";
pour charger ces options pour qu'elles fonctionnent.
Fixé! Merci beaucoup @nightwing !
Création d'un PR pour mettre à jour les documents avec ce cas d'utilisation, car j'imagine que d'autres peuvent rencontrer la même chose.
Commentaire le plus utile
chargez l'extension d'outils de langue
import "ace-builds/src-noconflict/ext-language_tools";
pour charger ces options pour qu'elles fonctionnent.