[TIL] 24/01/25 TipTap 에디터 focus 기능 고민
오늘도 화이팅!
1. TipTap 에디터 focus 기능 고민
: 에디터의 글쓰는 창 부분을 어디든지 클릭 시 써야하는 곳으로 포커스가 잡히게 하는 기능
처음 글 쓸 때는 포커스 할 부분이 시작점 한 부분 밖에 없어서 상관이 없어서 기본 포커싱으로 설정해 주었다.
글 쓸 때가 문제인데 아래부분 누르면 마지막 글쓴 위치로 포커싱되는거 어떻게 구현한 걸까…
현재 기본 포커싱을 사용하는 상황에서는
다른데를 클릭했다가 다시 에디터 div 클릭 시 마지막 포커스 되어있던 부분 (글쓰고 있던 부분?) 을 포커스 해주고 있다..
처음 생각은 글이 있으면 end로 두면 다 되는거 아니야? 생각했는데
글쓰고 있는 부분을 클릭해도 end로 빠져서 뭔가 조건을 줘야하는데 잘 모르겠다.
위치로 주는걸까...🥲
TipTap 공식 사이트의 Focus 설명 페이지: https://tiptap.dev/docs/editor/api/commands/focus#parameters
프로젝트 진행 상황
✓ MVP 최종구현 일정이 안된부분 추가와 CSS를 수요일까지 하기로 했었는데, 현재 하루 밀린상태~
✓ User Test를 위한 배포를 위해 모두 종합해서 머지해두고 빌드에러 잡음
✓ 유저 테스트 폼 만들기 완료
오늘 회고 : 전체적으로 사소한게 어렵다 ^0^
css 잘하는 사람이 되고 싶어~ (에디터의 저런 유저 친화적 기능적인 면도 css의 일부라면)
기능적인면들 진행 때문에 디자인 시스템과 동일하게는 다 적용이 안된 페이지가 많아서 아쉽^.^
오늘인가 어제의 명언
미뇽 : 예쁜쓰레기보다 못생긴 기능이 될래...
리더 갓 : 예쁜기능은 안되요?
내 진행 상황
오늘 한일
1. 팁탭 CSS 기능적인 것 마무리 : 얼럿 커스텀모달적용, 드롭다운 밖 클릭시 닫히게, 에디터 포커스 등등
2. 디자인에 맞춰 체크박스도 커스텀 해야하는데..