Как сохранить ссылку на изображение, загруженное на S3 из редактора froala - PullRequest
Новая
       7

Как сохранить ссылку на изображение, загруженное на S3 из редактора froala

0 голосов
/ 03 мая 2018

Я загрузил изображение в S3 из редактора froala (Angular io), теперь я хочу сохранить эту ссылку в переменной. как я могу это сделать? Вот как я пытался 

export class WriterComponent implements OnInit {
   imageLink:string;
   constructor() { }
   ngOnInit() {
     this._usersService.getS3Hash().subscribe(resp=>{
        this.options['imageUploadToS3'] = resp;
     });
   }

   public options:Object={
     heightMin:300,
     events:{
        'froalaEditor.image.uploadedToS3': function (e,editor,link,key,response) {
         // save the link
         this.imageLink=link;
   }
}

Редактор Froala в файле HTML 

    <textarea [froalaEditor]="options" ngModel name="inputcontent"></textarea>

но после загрузки изображения, когда я отображаю imageLink , оно показывает ноль.

Кажется, это проблема контекста, так как imageLink использует редактор контекста froala вместо компонента.

1 Ответ

0 голосов
/ 12 мая 2018

Не уверен в вашей конфигурации для этого редактора, но, возможно, эти изменения вам подойдут 

export class WriterComponent implements OnInit {
   imageLink:string;
   constructor() { }
   ngOnInit() {
     this._usersService.getS3Hash().subscribe(resp=>{
        // this.options['imageUploadToS3'] = resp; // you are assigning your response to `imageUploadToS3` which doesn't exist on options object. so changes it as
        this.options.events['imageUploadToS3'] = resp;
     });
   }

   public options:Object={
     heightMin:300,
     events:{
        'imageUploadToS3': (e,editor,link,key,response) => {    //Second change your function with arrow function here
         // save the link
         this.imageLink=link;
   }
}

Если ошибка все еще есть, дайте мне знать, лучше, если вы обновите свой вопрос с какой-нибудь рабочей ссылкой, такой как plunker или stackblitz

...