vue toast ui editor 사용시

Question

toast ui editor를 이용해서 글 쓰기 페이지를 만들었고 이미지 등록까지 마친 상황입니다.그러는 중에 궁금한 점이 생겨서 이렇게 질문을 합니다.글 작성 중 이미 올린 이미지를 삭제 할 시 서버쪽에서도 파일을 삭제하고 싶은데 삭제 이미지 주소를 확인 하는 법을 모르겠습니다.수정사항에서도 마찬가지로 글쓰기로 작성 된 이미지를 삭제 후 새로운 이미지를 넣고 싶은데 기존 이미지를 서버에서도 삭제 해야되는데 삭제된 이미지를 특정할 방법을 모르겠습니다.글 자체를 아예 삭제시에도 이미지 삭제를 해야되는데 마찬가지로 모르겠습니다.이러한 상황입니다.혹시 아시는분 계시면 알려주시면 감사하겠습니다.비가 와서 날이 쌀쌀합니다 건강 조심하세요

돈키호텔 · Answer

토스트 에디터에서 클릭해서 삭제할 경우 이벤트가 있어야 할듯하네요.그 이벤트는 수정해서 이미지 클릭 삭제 할 경우, 글 삭제 할 경우 이미지 삭제가 될듯한데요.토스트 에디터에서 클릭 이벤트를 핸들링 할 수 있는 부분을 찾아서 코드를 넣어주면 될듯해요.1) 수정해서 이미지를 클릭 할 경우 ajax 통해서 파일 이름을 서버에 전달하여 파일 삭제 요청하면 될듯하고요.2) 글을 삭제 할 경우, 글 본문에서 이미지 정보가 있는데 그 이미지 파일 이름을 가져와서 서버에 삭제 요청 할 때 파라미터에 파일 정보를 넣어서 삭제 처리가 되도록 하면 될듯하네요.

vue toast ui editor 사용시

1개의 답변

#editor 목록