웹에디터에 이미지 붙여넣기 구현

0. 내 생각대로 코드로 구현

1. 클립보드 API 이용

2. Open Source로 공개된 웹에디터 이용

3. 다 안되면 어드민 페이지에 있는 이미지 추가 기능을 가져오기

---

일단 현 상황 분석.

1. textarea로 구성되어 있기 때문에

사용자가 붙여넣기를 했을 때 textarea안에 img태그로 나오게 하고 확인을 눌렀을 때 이미지가 보이는 방법.

 

2. textarea로 만들어져 있는 것을 div로 바꿔서 적용

내용에 img자체를 넣을 수 있다.

 

---

결과

기존 textarea를 div로 바꿔서 전환하는데 성공했다.

admin페이지에서 확인하는 과정이라던지 수정, 답변에도 문제 없이 작동하도록 만들었다.

마지막에 가장 문제였던 윈도우 클립보드에 캡처한 이미지가 속도를 느리게 하는 문제점이 있었는데

data:img 문제인지, base64문제인지, width문제인지, 경로가 길어서 그런건지, 뭐 다른 문제인지..

한창 헤깔렸었는데

이 문제가 결국에는 win키 + shift + s키를 누르면서 사용하는 윈도우 단축키 캡처와

캡처도구로 들어가서 하는 캡처와 용량이 많이 다른 것을 알게 되었다.

결국에는 용량 문제였던 것.

어쨌든 일반적으로 사용하는데에는 문제가 없는 것을 확인해서 다행이다..