рдирдорд╕реНрддреЗ, рдореИрдВ рдЕрдкрдиреА рдПрдХ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдРрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдФрд░ рдореБрдЭреЗ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рдд: рдкреВрд░реНрдг рдпрд╛ рд╕реНрдирд┐рдкреЗрдЯ рдирд╣реАрдВ рдорд┐рд▓ рд╕рдХрддреЗ рд╣реИрдВред
рдореЗрд░реА рд░реЗрдВрдбрд░ рд╡рд┐рдзрд┐ рдЗрд╕ рдкреНрд░рдХрд╛рд░ рд╣реИ:
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"
рдХреЛрдИ рдорджрдж рдмрд╣реБрдд рдЕрдЪреНрдЫреА рд╣реЛрдЧреА, рдзрдиреНрдпрд╡рд╛рдж!
рдЗрди рд╡рд┐рдХрд▓реНрдкреЛрдВ рдХреЛ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рднрд╛рд╖рд╛ рдЯреВрд▓ рдПрдХреНрд╕рдЯреЗрдВрд╢рди import "ace-builds/src-noconflict/ext-language_tools";
рд▓реЛрдб рдХрд░реЗрдВред
рдлрд┐рдХреНрд╕реНрдб! рдмрд╣реБрдд рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж @nightwing !
рдЗрд╕ рдЙрдкрдпреЛрдЧ рдХреЗ рдорд╛рдорд▓реЗ рдХреЗ рд╕рд╛рде рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реЛрдВ рдХреЛ рдЕрджреНрдпрддрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреАрдЖрд░ рдмрдирд╛рдпрд╛, рдЬреИрд╕рд╛ рдХрд┐ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрдиреНрдп рд▓реЛрдЧ рднреА рдЗрд╕рдореЗрдВ рднрд╛рдЧ рд▓реЗ рд╕рдХрддреЗ рд╣реИрдВред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдЗрди рд╡рд┐рдХрд▓реНрдкреЛрдВ рдХреЛ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рднрд╛рд╖рд╛ рдЯреВрд▓ рдПрдХреНрд╕рдЯреЗрдВрд╢рди
import "ace-builds/src-noconflict/ext-language_tools";
рд▓реЛрдб рдХрд░реЗрдВред