如何存储从froala编辑器上传到S3的图像链接

时间:2018-05-03 11:36:55

标签: angular wysiwyg

我从froala编辑器(Angular io)将图像上传到S3,现在我想将该链接存储在变量中。我怎么能这样做? 以下是我试过的方法

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;
   }
}

HTML文件中的froala编辑器

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

但在显示 imageLink 时上传图片后显示为空。

由于 imageLink 正在使用froala编辑器上下文而不是组件,这似乎是上下文问题。

1 个答案:

答案 0 :(得分:1)

不确定此编辑器的配置,但这些更改可能适合您

List<Something>

如果还有错误,请告诉我,如果您使用plunker或stackblitz等工作链接更新您的问题,那就更好了