editorOptions 이미지 업로드 커스텀 (w/ setImage, addImageBlobHook)

사용 팁
,
1

editorOptions와 함께 이미지 업로드시 커스텀 코드 입력이 가능한 방법을 안내드립니다.

셀렉트 어드민에서는 tiptap, toast editor 2가지를 지원하고 있습니다.

원하는 에디터를 선택하시고 적용해보세요. 궁금하신 점은 댓글이나 채팅 등으로 문의주시기 바랍니다.

감사합니다.

tiptap 에디터 이용시 (format: tiptap)

params:
  - key: memo
    format: tiptap
    editorOptions:
      setImage: |
        console.log(file)

        return 'https://www.selectfromuser.com/lib_jbNHCiIIrXAzpmCT/6val54d4bwap1dfa.png'

Toast 에디터 이용시 (format: editor)

  • hooks, addImageBlobHook 으로 커스텀 코드 입력 가능
params:
  - key: memo
    format: editor
    editorOptions:
      hooks: |
        return {
          addImageBlobHook: (blob, callback) => {
            console.log({blob, callback})
            callback('https://www.selectfromuser.com/lib_jbNHCiIIrXAzpmCT/6val54d4bwap1dfa.png', 'image alt attribute');
          }
        }