maxLines
๋ฅผ 1 ๋๋ 2๋ก ์ค์ ํ๊ณ onLoad
์ฌ์ฉํ์ฌ ๋ฉ ๋ชจ๋๋ฅผ ๋์์ true๋ก ์ค์ ํ๊ณ ๋ง์ง๋ง ์ค๊ดํธ ์์ ํด๋ฆญํ๊ณ Enter ๋ฒํผ์ ์
๋ ฅํ์ฌ ํธ์ง๊ธฐ ์์์ ์๋์ผ๋ก ๋ง๋ค๋ฉด ๋ค์์ ์ฐพ์ ์ ์์ต๋๋ค. ๋ธ๋ผ์ฐ์ ๊ฐ ๋ฉ์ถ๊ณ ๋ฉ๋ชจ๋ฆฌ๊ฐ ์ฆ๊ฐํฉ๋๋ค.
<AceEditor
mode="json" maxLines={2} value={"{\"a\":\"b\"}"}
onLoad={editor => editor.getSession().setUseWrapMode(true)}
/>
๋๋ ๊ฐ๋จํ ํ๋ก์ ํธ react-ace-editor-issuse๋ฅผ ๋ฐฉ๋ฌธํ์ญ์์ค.
์ด๊ธฐ ๋ฉ๋ชจ๋ฆฌ ๋ฐ CPU
Enter ๋ฒํผ ์
๋ ฅ ํ 10์ด
์งํ ์ํฉ: #
์ 10 / ํฌ๋กฌ 58&IE 11 / ๋ฆฌ์กํธ 15.6.1
์ฐ๋ฆฌ๋ https://github.com/JedWatson/react-codemirror ์์ ๋ฉ์ด์ง๋ ๊ฒ์ ๊ณ ๋ คํ์ต๋๋ค. ์ ์ด๋ ํ์ฌ๋ก์๋ ์ ์ ์ง๋์ง ์๊ธฐ ๋๋ฌธ์ ๋๋ค. .
@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>
);
}
}
๊ทธ๋ฆฌ๊ณ ๊ทธ๊ฒ์ CPU์ ๋ฉ๋ชจ๋ฆฌ ์์น์ ์ผ์ผํฌ ๊ฒ์
๋๋ค
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๋ React v16.4, react-ace v6.1.2๋ฅผ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.
create-react-app
maxLines
๋ฐwrapEnabled
๊ทธ๋ฆฌ๊ณ ๊ทธ๊ฒ์ CPU์ ๋ฉ๋ชจ๋ฆฌ ์์น์ ์ผ์ผํฌ ๊ฒ์ ๋๋ค