@baneung-pack

제어 · HTML 출력

value / onChange로 외부 state와 동기화. HTML 출력을 그대로 다른 곳에 표시 가능.

실시간 HTML 출력

<h2>바능 에디터에 오신 것을 환영합니다 👋</h2>
<p>이 영역은 <strong>굵게</strong>, <em>기울임</em>, <u>밑줄</u>, <s>취소선</s>을 지원하는 <a href="https://ui.baneung.com" target="_blank" rel="noopener noreferrer">리치 텍스트 편집기</a>입니다.</p>
<ul>
  <li>글머리 기호 목록</li>
  <li>번호 매기기 목록</li>
  <li>인용구 · 코드 블록 · 구분선</li>
</ul>
<blockquote>이미지를 복사해서 붙여넣거나(Ctrl+V) 드래그앤드롭 해보세요.</blockquote>

API

EditorProps

PropertyType기본값설명
valuestring-제어 컴포넌트용 HTML 문자열
onChange(html: string) => void-내용 변경 콜백