Привет, я пытаюсь использовать react-ace в своем проекте, и мне не удается заставить работать автозаполнение или фрагменты.
Мой метод рендеринга следующий:
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>
</>);
}
и мой импорт:
import AceEditor from "react-ace";
import "ace-builds/src-noconflict/mode-html";
import "ace-builds/src-noconflict/theme-monokai";
Страница загружается нормально, и редактор работает с подсветкой синтаксиса, я просто не получаю диалоговое окно автозаполнения / фрагмента.
Единственные предупреждения, которые я получаю (что похоже на проблему):
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"
Любая помощь была бы замечательной, спасибо!
load language tools extension import "ace-builds/src-noconflict/ext-language_tools";
чтобы загрузить, чтобы эти параметры работали.
Фиксированный! Большое спасибо @nightwing !
Создал PR для обновления документации с этим вариантом использования, поскольку я предполагаю, что другие могут столкнуться с тем же самым.
Самый полезный комментарий
load language tools extension
import "ace-builds/src-noconflict/ext-language_tools";
чтобы загрузить, чтобы эти параметры работали.