React-ace: рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рдд: рдкреВрд░реНрдг рдпрд╛ рд╕реНрдирд┐рдкреЗрдЯ рдирд╣реАрдВ рдорд┐рд▓ рд╕рдХрддрд╛

рдХреЛ рдирд┐рд░реНрдорд┐рдд 3 рдЕрдкреНрд░реИрд▓ 2020  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: securingsincity/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"

рдХреЛрдИ рдорджрдж рдмрд╣реБрдд рдЕрдЪреНрдЫреА рд╣реЛрдЧреА, рдзрдиреНрдпрд╡рд╛рдж!

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЗрди рд╡рд┐рдХрд▓реНрдкреЛрдВ рдХреЛ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рднрд╛рд╖рд╛ рдЯреВрд▓ рдПрдХреНрд╕рдЯреЗрдВрд╢рди import "ace-builds/src-noconflict/ext-language_tools"; рд▓реЛрдб рдХрд░реЗрдВред

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЗрди рд╡рд┐рдХрд▓реНрдкреЛрдВ рдХреЛ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рднрд╛рд╖рд╛ рдЯреВрд▓ рдПрдХреНрд╕рдЯреЗрдВрд╢рди import "ace-builds/src-noconflict/ext-language_tools"; рд▓реЛрдб рдХрд░реЗрдВред

рдлрд┐рдХреНрд╕реНрдб! рдмрд╣реБрдд рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рдж @nightwing !

рдЗрд╕ рдЙрдкрдпреЛрдЧ рдХреЗ рдорд╛рдорд▓реЗ рдХреЗ рд╕рд╛рде рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реЛрдВ рдХреЛ рдЕрджреНрдпрддрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреАрдЖрд░ рдмрдирд╛рдпрд╛, рдЬреИрд╕рд╛ рдХрд┐ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрдиреНрдп рд▓реЛрдЧ рднреА рдЗрд╕рдореЗрдВ рднрд╛рдЧ рд▓реЗ рд╕рдХрддреЗ рд╣реИрдВред

https://github.com/securingsincity/react-ace/pull/816

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

henviso picture henviso  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

venil7 picture venil7  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

viridia picture viridia  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Lyeed picture Lyeed  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

SecMao picture SecMao  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ