Javascript 如何向quill图像处理程序中的图像元素添加类？

我在react项目中使用了羽毛笔编辑器，图像处理程序用于上载图像，但我必须向羽毛笔编辑器中的所有图像元素添加类。 下面是我的图像处理程序代码

imageHandler() {

    let self=this
    const Cryptr = require('cryptr');
    const cryptr = new Cryptr(key);
    const users = localStorage.getItem('users') ? JSON.parse(cryptr.decrypt(localStorage.getItem('users'))) : {}

    let loggedinUser = users[users.lastLoginId];
    const input = document.createElement('input');

    input.setAttribute('type', 'file');
    input.setAttribute('accept', 'image/*');
    input.click();

    input.onchange = async () => {

        const file = input.files[0];
        const formData = new FormData();

        // const formData = new FormData();
        formData.append('image', file);
        const config = {
          headers: {
            'content-type': 'multipart/form-data',
            'x-access-handler': loggedinUser.token
          }
        };
        const res = new Promise(function(resolve, reject) {
          axios.post(API_URL + 'api/v1/postblogimage', formData, config)
          .then((response) => {

            if (response.data.error == 'false' || response.data.error == false) {
              if (response.data.status == 200 && response.data.message == "Image uploaded successfully") {


                  const range = self.quill.getSelection(true);

                  // Insert temporary loading placeholder image
                  // this.quill.insertEmbed(range.index, 'image', `${window.location.origin}/images/loaders/placeholder.gif`);

                  // Move cursor to right side of image (easier to continue typing)
                  self.quill.setSelection(range.index + 1);


                  // Remove placeholder image
                  self.quill.deleteText(range.index, 1);

                  // Insert uploaded image

                  self.quill.insertEmbed(range.index, 'image', response.data.data[0].imageURL);



              }
            }

            // } 

          }).catch((error) => {
            // reject(Error("It broke"));
          });


        });


    };
}

有人能帮我吗？因为我已经尝试了很长时间，但没有成功。 任何帮助或建议都将不胜感激。

你必须

import ReactQuill，{Quill}来自“react Quill”；
var Image=Quill.import（'formats/Image'）；
Image.className='customclass to Image'；
纬管寄存器（图像，真）；

import React，{useRef，useState，useffect}来自“React”；
从“react dom”导入react dom；
从“react Quill”导入react Quill，{Quill}；
导入'react quill/dist/quill.snow.css'；
导入“/styles.css”；
var Image=Quill.import（'formats/Image'）；
Image.className='customclass to Image'；
纬管寄存器（图像，真）；
函数App（）{
const[value，setValue]=使用状态（“”）；
const ref=useRef（null）；
useffect（（）=>{
如果（参考和参考当前）{
常数套筒=参考电流；
const editor=quill.getEditor（）；
编辑器.插入（0，'图像'，'https://i.picsum.photos/id/211/200/300.jpg')
}
}，[ref]）
返回(
);
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）；

你必须

import ReactQuill，{Quill}来自“react Quill”；
var Image=Quill.import（'formats/Image'）；
Image.className='customclass to Image'；
纬管寄存器（图像，真）；

import React，{useRef，useState，useffect}来自“React”；
从“react dom”导入react dom；
从“react Quill”导入react Quill，{Quill}；
导入'react quill/dist/quill.snow.css'；
导入“/styles.css”；
var Image=Quill.import（'formats/Image'）；
Image.className='customclass to Image'；
纬管寄存器（图像，真）；
函数App（）{
const[value，setValue]=使用状态（“”）；
const ref=useRef（null）；
useffect（（）=>{
如果（参考和参考当前）{
常数套筒=参考电流；
const editor=quill.getEditor（）；
编辑器.插入（0，'图像'，'https://i.picsum.photos/id/211/200/300.jpg')
}
}，[ref]）
返回(
);
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）；

import React, {useRef, useState, useEffect} from "react";
import ReactDOM from "react-dom";
import ReactQuill, { Quill } from "react-quill";
import 'react-quill/dist/quill.snow.css';
import "./styles.css";

var Image = Quill.import('formats/image');
Image.className = 'custom-class-to-image';
Quill.register(Image, true);

function App() {
  const [value, setValue] = useState('');
  const ref = useRef(null);

  useEffect(() => {

    if(ref && ref.current) {
      const quill = ref.current;
      const editor = quill.getEditor();
      editor.insertEmbed(0, 'image', 'https://i.picsum.photos/id/211/200/300.jpg')
    }

  }, [ref])

  return (
    <div className="App">
      <ReactQuill
        ref={ref}
        theme="snow"
        value={value}
        />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);