ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ maxLines
ΠΊΠ°ΠΊ 1 ΠΈΠ»ΠΈ 2, ΠΏΡΠΈ ΡΡΠΎΠΌ onLoad
ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ ΡΠ΅ΠΆΠΈΠΌ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° ΠΊΠ°ΠΊ ΠΈΡΡΠΈΠ½Π½ΡΠΉ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ, ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΏΠ΅ΡΠ΅Π΄ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ ΡΠΈΠ³ΡΡΠ½ΠΎΠΉ ΡΠΊΠΎΠ±ΠΊΠΎΠΉ ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ Enter, ΡΡΠΎΠ±Ρ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅Ρ Π·Π°ΡΡΡΡΠ» ΠΈ ΠΏΠ°ΠΌΡΡΡ ΠΏΠΎΠ΄Π½ΡΠ»Π°ΡΡ.
<AceEditor
mode="json" maxLines={2} value={"{\"a\":\"b\"}"}
onLoad={editor => editor.getSession().setUseWrapMode(true)}
/>
ΠΈΠ»ΠΈ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΡΠΎΠ΅ΠΊΡ react-ace-editor-Issue
ΠΠ°ΡΠ°Π»ΡΠ½Π°Ρ ΠΏΠ°ΠΌΡΡΡ ΠΈ Π¦Π
10 ΡΠ΅ΠΊΡΠ½Π΄ ΠΏΠΎΡΠ»Π΅ Π½Π°ΠΆΠ°ΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Enter
ΠΡΠΎΠ³ΡΠ΅ΡΡ: #
Win 10 / Chrome 58 ΠΈ IE 11 / React 15.6.1
ΠΡ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π»ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΎΡΠΊΠ°Π·Π° ΠΎΡ https://github.com/JedWatson/react-codemirror, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ, ΠΏΠΎ ΠΊΡΠ°ΠΉΠ½Π΅ΠΉ ΠΌΠ΅ΡΠ΅, Π½Π° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΎΠ½ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ Π΄ΠΎΠ»ΠΆΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ (ΡΠΎ Π΅ΡΡΡ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°ΡΡΠΈΠΉ Π½Π΅ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΡΡΡ ΠΈ Π½Π΅ ΡΠ΅Π°Π³ΠΈΡΡΠ΅Ρ Π½Π° PR), Π½ΠΎ ΡΡΠΎ Π±Π»ΠΎΠΊΠΈΡΠΎΠ²ΡΠΈΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΡΠΎ .
@SecMao Π― Π½Π΅ ΠΌΠΎΠ³Ρ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅ΡΡΠΈ Π½Π° ΠΌΠΎΠ΅ΠΌ Mac. ΠΠ½Π΅ Π½ΡΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ Π½ΠΎΡΡΠ±ΡΠΊ Ρ Windows Π΄Π»Ρ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΡ.
@inoas ΡΠ΄Π°Π»ΠΎΡΡ Π»ΠΈ Π²Π°ΠΌ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅ΡΡΠΈ ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ? Π― Π²ΠΈΠΆΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π², Π² ΠΊΠΎΡΠΎΡΡΡ ΡΠΏΠΎΠΌΠΈΠ½Π°Π΅ΡΡΡ, ΡΡΠΎ Π²Ρ Ρ ΠΎΡΠ΅Π»ΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡΡΡ Ρ codemirror, Π½ΠΎ Π½Π΅ΡΡΠ½ΠΎ, Π²ΠΈΠ΄Π΅Π»ΠΈ Π»ΠΈ Π²Ρ ΡΡΠΈ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ.
ΠΡ Π΅ΡΠ΅ Π½Π΅ ΡΠ΄Π΅Π»Π°Π»ΠΈ ΡΡΠΎΡ ΡΠ°Π³ ΠΈ ΠΏΠΎΠΏΡΡΠ°Π΅ΠΌΡΡ Π²ΠΎΡΠΏΡΠΎΠΈΠ·Π²Π΅ΡΡΠΈ ΡΡΠΎ, Π΅ΡΠ»ΠΈ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΡΠΎ, ΠΈ ΡΠΎΠΎΠ±ΡΠΈΠΌ ΠΎΠ± ΡΡΠΎΠΌ Π² Π»ΡΠ±ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ (ΡΡΠ΅ΡΠΊΠΈ Π½Π΅Ρ ΠΈΠ»ΠΈ ΡΡΠ΅ΡΠΊΠ° "ΠΏΠΎΡ ΠΎΠΆΠ΅")
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ React v16.4, react-ace v6.1.2
create-react-app
maxLines
ΠΈ wrapEnabled
class App extends React.Component {
render() {
const props = {
mode: 'javascript',
theme: 'monokai',
value: 'const test = \'hello loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text\'',
maxLines: 1,
wrapEnabled: true,
};
return (
<div>
<AceEditor {...props} />
</div>
);
}
}
ΠΈ ΡΡΠΎ Π²ΡΠ·ΠΎΠ²Π΅Ρ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° ΠΈ ΠΏΠ°ΠΌΡΡΠΈ
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ React v16.4, react-ace v6.1.2
create-react-app
maxLines
ΠΈwrapEnabled
ΠΈ ΡΡΠΎ Π²ΡΠ·ΠΎΠ²Π΅Ρ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΎΡΠ° ΠΈ ΠΏΠ°ΠΌΡΡΠΈ