# contenteditable

5개의 포스트
post-thumbnail

노션 클로닝 기능 회고

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

2023년 10월 31일
·
0개의 댓글
·

div contenteditable 커서 위치 지정

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

2023년 8월 5일
·
2개의 댓글
·

ContentEditable이란

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

2023년 7월 9일
·
1개의 댓글
·
post-thumbnail

Input을 다루는 방법(Input, Textarea, ContentEditable)

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

2022년 12월 19일
·
0개의 댓글
·

[HTML] input 태그가 아닌 태그에 입력 가능하게 하기

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

2020년 8월 10일
·
0개의 댓글
·