선생님 react-quill 사용 질문있어요,

[정중식]

Contents 0/600 
이런식으로 내용물의 텍스트길이 제한을 두는걸 구현중입니다.
텍스트에디터로는 react-quill사용중이구요,

<ReactQuill
        modules={modules}
        theme='snow'
        value={contents}
        onChange={setContents}
        placeholder='여기에 내용을 입력하세요...'
      />

몇번 입력해보고 콘솔 contents를 찍어보면 <p></p> 이런 태그들이 들어가있는데 
내용물들을 다 지워도 한번이라도 입력했으면 제가 사용한 태그들이 안에 계속 남아있습니다,
이게 쌓이고쌓이면 contents의 길이가 계속 쌓여서 썻다 지우면 한글자도 입력하지않았는데 600글자를 넘더라구요..
혹은 스몰 라지 빅 이런 사이즈의 폰트를 선택하면 
<p><span class="ql-size-huge">안녕핫</span></p>이렇게 콘솔에 찍혀있습니다.
문제는 이 태그들이 contents의 길이에 모두 들어가버린다는건데..
이럴때는 어떤식으로 해줘야하나요?

[정중식]

contents state에는 그냥 html태그 값들을 모두 담고,

 const strippedContents = contents.replace(/<\/?[^>]+(>|$)/g, '');

이런식으로 html태그를 제거시킨것을 변수에담아서 contents.length를 제한시키는식으로하면될까욥

[codingapple]

라이브러리에 getLength() 라는 함수쓰면 문자길이만 알려준다는거같은데 찾아봅시다

[글쓴이]

글