<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">강의는 text field 였는데요. 저는 text area로 해서 글자수 제한을 500자로 두고 싶습니다. 글자수 카운트되는건 처리했는데요.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">501자 이상은 기재되지 않게 하려고 합니다. text area properties 에서 show all 해도 max length 항목이 안 나오는데요...</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">제가 잘 못 찾는 걸까요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>

<p>yf님 안녕하세요.<br />아쉽게도 Text Area는 max length 옵션을 기본 기능으로 지원하지 않아서 동일한 기능을 적용하기 위해서는 아래와 같은 인터랙션을 별도로 적용해주셔야 합니다.&nbsp;<br /><br />1. 텍스트가 변경될 때 (Text Changed)<br />2. 위젯에 입력 된 길이가 100자가 넘어간다면 (If length of value of This is greater than "100")<br />3. 텍스트를 100개까지만 출력해라 (Set text) [[This.text.substring(0,100)]]<br /><br /><img title="스크린샷 2021-09-30 오후 2.33.30.png" src="https://cdn.inflearn.com/public/comments/be506eb3-fedb-47f7-9d76-948e18978934/스크린샷 2021-09-30 오후 2.33.30.png" alt="" width="800" height="407" /></p>
<p>매끄러운 방법은 아니지만 위와 같이 인터랙션을 적용하면 문의주신 내용을 해결할 수 있습니다.<br /><br /><a href="https://www.dropbox.com/s/77mjantjg2ala59/text%20area%20%EA%B8%B8%EC%9D%B4%20%EC%A0%9C%ED%95%9C.rp?dl=0">작업파일 다운받기</a></p>

인프런 커뮤니티 질문&답변

text area 글자수 제한 관련