아래는 직접 마크다운 위지윅 편집기를 만드는 과정에서 기록한 글이다. 현재는 TipTap 에디터 활용하였다. (굴복...)

오늘부터 작성하는 내용들은 그냥 업데이트 일지라는 제목으로 할까보다.

헤딩 적용 방법을 그냥 무식하게 바꿨다.

기존에 이리저리 위치 계산하고.. 노드 뗐다 붙였다... 엄청나게 뭔가 노력을 했는데 그냥 기존에 있던 커서 탐지 및 복원 로직이 생각보다 스마트해서, 그냥 내용 바꿔치기로 하도록 했다.

방법은 간단하다.

탐지에 앞서 줄을 노멀라이즈 한다. 그 다음에 탐지를 하는데, textContent 기준으로 정규식 판단해서 적용한다.

그다음에 그냥 HTML 날리고 다시 적용시키는 방법을 사용했다.

다만 모든 문자에 대해서 그렇게 적용하면 오버헤드가 너무 많이 발생하므로, 헤딩 서식이 동일한 경우에는 분기처리하여 함수 실행 횟수를 최적화했다.

함수 실행 전후로 캐럿 위치 저장 및 복원하고..

더 중요한건 사실 볼드적용이다.

이거 보세요!! 인라인 서식 적용도 어렵지 않게 할 수 있었다. 이렇게

문제는 이제 *이 한 번 들어가는 기울임꼴 서식이 문제이다... 좀 상충할 것 같은데 어떡하나

이것도 방법은 동일하다.