0

我正在用 React Quill 实现一个公告板。上传图片时，得到了返回的url，放到img标签中输出，但是图片大小无法调整。有没有办法在 Content 中动态调整它？

input.onchange = async () => {
      if(input.files) {
        const file: any = input.files[0];
        console.log(file);
        
        formData.append("file", file)

        try {
          axios.post('/api/upload', formData, {
            headers: {
            'content-type': 'multipart/form-data',
            'Authorization' : `Bearer ${localStorage.getItem("token")}`
        }})
        .then(res => {
          
          url = res.data

            // 커서의 위치를 알고 해당 위치에 이미지 태그를 넣어주는 코드 
            // 해당 DOM의 데이터가 필요하기에 useRef를 사용한다.
          const range = QuillRef.current?.getEditor().getSelection()?.index;
            if (range !== null && range !== undefined) {
              const quill = QuillRef.current?.getEditor();

              quill?.setSelection(range, 1);

              quill?.clipboard.dangerouslyPasteHTML(
                range,
                `<img src=${url} alt="이미지 태그가 삽입됩니다." height = "100px"/>`

另外，当滚动图片时，如何让它只在内容内滚动？

4

0 回答 0