• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 리액트 파이어베이스 tinymce 이미지 업로드 관련 문의

리액트 파이어베이스 tinymce 이미지 업로드 관련 문의

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #33573

    이우찬
    참가자

    안녕하세요 선생님

    선생님 리액트, 파이어베이스 강의 듣고 혼자서 커뮤니티 게시판 만드는 프로젝트를 하고 있습니다.

    여기 질문게시판 처럼 tinymce 사용해서 만들고 있는데요. 

    이미지와 글을 같이 게시하고 싶은데 파이어베이스 db의 경우 1MB까지만 저장이 되는데 그러면 tinymce 에디터에 이미지를 첨부하고 텍스트를 쓰면

    질문) 이미지는 스토리지에 따로 업로드하고 텍스트는 db에 따로 저장했다가 게시글 불러올때 따로따로 불러와야 하나요?

    강의에서는 input으로 로컬폴더에서 이미지를 불러와서 스토리지에 저장하고, 그 이미지url을 db에 저장하고 게시글에 붙이시던데,

    같은 방식으로 에디터의 image 플러그인으로 로컬폴더에서 파일을 불러와서 스토리지에 저장하고, 그 url을 db에 저장하고 게시글에 붙이면 되나요?

     

    그렇게 하면 이런식으로 에디터에 이미 삽입된 이미지는 어떻게 처리(저장?)해야 되나요? 

    그러니까  image 플러그인으로 로컬에서 원본 이미지를 불러온 시점에 스토리지에 저장하는 건가요? 아니면 에디터에 삽입된 이미지를 스토리지에 저장하는 건가요?

     

    제가 모르겠는 부분을 글로 설명하려니 어렵고 두서없이 글을 쓰긴 했는데 요지는 tinymce로 이미지와 텍스트를 함께 게시할때 어떻게 구현하셨는지 알려주시면 감사하겠습니다!!

     

    #33596

    codingapple
    키 마스터

    이미지불러옴과 동시에 스토리지에 업로드하라고 코드짜놓으면 됩니다

    그리고 업로드된 경로를 <img src="" 안에 넣으면 될듯요

    #33646

    이우찬
    참가자

    감사합니다 해결했어요!

    게시글 검색기능 구현하려고 하는데 파이어베이스에서는 Elastic Search, Algolia, Typesense 같은 외부검색 서비스 이용하라고 나오던데

    저것들을 이용하는 방법 외에는 방법이 없나요??

    #33664

    codingapple
    키 마스터

    네 정확히 일치하는 필드검색은 되는데 일부만 검색하는 기능은 없습니다 외부서비스 이용해야합니다 

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠