boostcampwm-2021/web06-booslack

contentEditable 내에서 글씨체를 사용할 경우 해당 글씨체로만 써지는 문제

loin3 opened this issue · 1 comments

loin3 commented

📃 버그 설명

contentEditable 내에서 글씨체를 사용할 경우 해당 글씨체로만 써지는 문제가 있습니다. 특정 글씨체들은 태그를 둘러싸서 구현하게 됩니다. 갈여 볼드체는 b태그로 둘러쌓이게 됩니다. 현재 발생하는 문제는 해당 글씨체를 사용하고 해당 블록의 내용을 모두 지운다음 다시 글을 작성하여도 일반 글씨체로 써지는 것이 아니라 해당 글씨체로 써집니다.

if (document.queryCommandState('bold')) { document.execCommand('bold'); }
queryCommandState를 활용해 현재 적용된 커맨드 상태를 보고 볼드체가 적용되어 있을 경우 토글로 꺼버리도록 할 수 있으나 이것은 볼드체, 기울임꼴에만 적용가능하다는 문제가 있어서 폐기하였습니다.

📃 버그 발생 부분 화면

Animation

📃 추가 메모 사항

loin3 commented

100420e 에서 해결