# contenteditable

choi-ik

contentEditable=ture인 엘리먼트에서 텍스트를 입력하고 innerText로 모든 Text를 뽑아 util 폴더의 applyMarkup함수(마크업을 적용하는 함수)에 전달하고, 정규표현식과 startsWith 메소드를 이용해 태그를 입혀 리턴하기.리턴 받은

gkdis6

최근에 일을 하며 div인데 contenteditable이 true인 태그 내부에 span태그로 mention이 들어가고 그 뒤에 커서가 놓여야 하는 기획이 있었습니다. https://jungpaeng.tistory.com/86https://gdtbg

1g2g

contentEditable에 대한 간단한 설명, notion cloning 중 발생한 문제 상황과 해결 방법을 공유합니다.

hhnn0

에디터 개발 프로젝트를 진행하면서, Input을 구현하기 위해 고려한 사항들

wolverine

contenteditable 이라는 프로퍼티를 사용하면 input 태그가 아닌 태그에도 입력을 할 수 있다. div 태그뿐 아니라 button 등의 다른 태그들에도 적용할 수 있다.웹접근성을 고려하면 input 태그를 사용하는게 맞겠지만, 자바스크립트 없이 프로퍼티 하