C-log

Document.execCommand() - Web API | MDNHTML 문서가 designMode로 전환되면 문서에서 execCommand 메서드를 사용할 수 있게 되는데 이것을 이용해서 문서의 편집 가능한 영역을 변경할 수 있습니다. 대부분의 명령어는 문서의 선택 영역에 영developer.mozilla.org현재 execCommand 앞으로 지원이 중단될 예정이다. execCommand를 대신할 라이브러리들은 무수히 많지만 원하는 형태와 코드 유지 보수가 매우 불편하기 때문에 가급적 라이브러리를 사용하지 않고 툴과 에디터를 제작하기로 했다. 개발을 하면서 execCommand를 사용하지 않고 개발을 시작했지만 생각보다 많은 고려를 해야해서 우선은 execCommand 를 사용해서 개발을 진행 후..

const [imageFiles, setImageFiles] = useState([]); // 이미지 파일들을 저장할 배열 상태 const [imageUrl, setImageUrl] = useState([]); ... // 에디터가 업데이트될 때 이미지 삽입 useEffect(() => { if (editorRef.current && imageFiles.length > 0) { const file = imageFiles[imageFiles.length - 1]; insertImageDate(file); } }, [editorRef.current, imageFiles]); const handleImageSelect = (e) => { const files = e.target.files; if (!!file..