Невозможно добавить изображения и видео с помощью текстового редактора quill с локальной машины
Не удается добавить изображения и видео с помощью текстового редактора Quill.js.
Я добавил редактор quill в мой django блог, все работает хорошо, но когда я пытаюсь нажать на иконку изображения, чтобы добавить изображение с локальной машины, я получаю это окно.
У меня не получается выбрать изображения с локальной машины для загрузки в блог с помощью 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,
},
});
Это то, что я хочу, пожалуйста, посмотрите на изображение:-
и да, даже я не могу изменить размер изображения, которое я загружаю с помощью URL. пожалуйста, помогите.