Как загрузить скриншоты с помощью текстового редактора Quill - PullRequest
Новая
       7

Как загрузить скриншоты с помощью текстового редактора Quill

1 голос
/ 12 января 2020

Я новичок в Angular. Я делаю технический блог на сайте. Это мой первый проект Angular. Я использую MEAN стек. Все работает абсолютно идеально, кроме загрузки изображений через quill. Извините, я не могу вставить сюда весь код, так как это будет слишком запутанным. Вот мой contrib.component. html

<div class="container">
  <div class="row pt-5">
    ...
    <quill-editor [styles]="editorStyle" [modules]="config" ...></quill-editor>
  </div>
</div>

И contrib.component.ts 

  config = {
    toolbar: [
      ['bold', 'italic', 'underline', 'strike'],
      ['image','code-block'],
      [{ 'list': 'ordered'}, { 'list': 'bullet' }],
      [{ 'script': 'sub'}, { 'script': 'super' }],
      [{ 'size': ['small', false, 'large', 'huge'] }],
      [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
      [{ 'color': [] }, { 'background': [] }],
      [{ 'font': [] }],
      ['link']
    ]
  }

Структура документа в Mongodb похож на: 

  makeNewPost={
    articleid: "",
    title: "",
    content: "", <----screenshots should be included with this
    date: "",
    contributor: ""
  };

И я извиняюсь, создание stackblitz также невозможно. Но вот весь проект: GitHub . Файл, который отвечает за эту систему, находится по следующему адресу:

  1. social-coder / application / src / app / contrib / contrib. html
  2. social-coder / application / src / app / contrib / contrib.ts

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

Заблокирован перекрестный запрос: одна и та же политика происхождения запрещает чтение удаленного ресурса по http://localhost: 3000 / api / contrib . (Причина: отсутствует заголовок CORS 'Access-Control-Allow-Origin').

Object {headers: {…}, status: 0, statusText: "Unknown Error", url: "http://localhost: 3000 / api / contrib", ok: false, имя:« HttpErrorResponse », сообщение:« Http-ошибка при http://localhost: 3000 / api / contrib : 0 неизвестная ошибка », ошибка: ошибка}

Вы можете использовать мои учетные данные:

Пользователь: demouser@nomail.com

Пропуск: test12_mail

Пожалуйста, исправьте меня.

Вот развернутое приложение: SocialCoder . Пожалуйста, войдите, используя вышеуказанные учетные данные. Но вы не найдете инструмента image, потому что я еще не слился с мастером.

...