Невозможно добавить изображения и видео с помощью текстового редактора quill с локальной машины

Не удается добавить изображения и видео с помощью текстового редактора Quill.js.

Я добавил редактор quill в мой django блог, все работает хорошо, но когда я пытаюсь нажать на иконку изображения, чтобы добавить изображение с локальной машины, я получаю это окно.

enter image description here

У меня не получается выбрать изображения с локальной машины для загрузки в блог с помощью quill, но когда я пытаюсь вставить url ссылку на изображение из интернета, то это работает отлично, но не с локальной машины.

вот мой код :-

 const ColorClass = Quill.import("attributors/class/color");
  const SizeStyle = Quill.import("attributors/style/size");
  Quill.register(ColorClass, true);
  Quill.register(SizeStyle, true);

  //  #stop 
  const toolbarOptions = [
    ["bold", "italic", "underline", "strike"], // toggled buttons
    ["blockquote", "code-block"],
    ["link", "image", "video", "formula"],

    [{ header: 1 }, { header: 2 }], // custom button values
    [{ list: "ordered" }, { list: "bullet" }, { list: "check" }],
    [{ script: "sub" }, { script: "super" }], // superscript/subscript
    [{ indent: "-1" }, { indent: "+1" }], // outdent/indent
    [{ direction: "rtl" }], // text direction

    [{ size: ["small", false, "large", "huge"] }], // custom dropdown
    [{ header: [1, 2, 3, 4, 5, 6, false] }],

    [{ color: [] }, { background: [] }], // dropdown with defaults from theme
    [{ font: [] }],
    [{ align: [] }],

    ["clean"], // remove formatting button
  ];



  document.getElementById('textarea').innerHTML = '';
  
  // Text editor
  const quill = new Quill("#textarea", {
    placeholder: "Compose an epic...",
    theme: "snow",
    syntax: {
      highlight: true, // Enable syntax highlighting
      detectLang: false  // Disable language detection
    },
    modules: {
          syntax:true,
      toolbar: toolbarOptions,
    },
  
  });

 


Это то, что я хочу, пожалуйста, посмотрите на изображение:-

enter image description here

и да, даже я не могу изменить размер изображения, которое я загружаю с помощью URL. пожалуйста, помогите.

Вернуться на верх