textarea와 폼 전송
기존 게시판 폼을 고치지 않고 에디터를 씌우는 방법.
createEditor 에 <textarea> 를 넘기면 textarea를 숨기고 그 자리에 에디터를 만듭니다. 내용이 바뀔 때마다, 그리고 폼을 전송하기 직전에 textarea 값을 HTML로 맞춰 둡니다. 서버 코드는 그대로 $_POST['content'] 를 읽으면 됩니다.
<form method="post" action="/board/write.php">
<input name="title" required>
<textarea id="content" name="content">textarea>
<button>등록</button>
</form>
<script>
const editor = Editor82.createEditor('#content', { toolbar: 'board' });
document.querySelector('form').addEventListener('submit', (e) => {
if (editor.isEmpty()) { e.preventDefault(); alert('내용을 입력하세요'); editor.focus(); }
});
</script>- textarea에 들어 있던 값이 첫 내용이 됩니다 (수정 화면).
required검사는 에디터가 대신 할 수 없으니 위처럼isEmpty()로 확인하세요.editor.destroy()를 부르면 textarea가 다시 보이고 마지막 HTML이 남습니다.