How to edit files in AWS S3 in the browser?

Question

I have hosted my Homepage over Amazon's S3 system. In order to change information on the page, currently, I have to change the file on my computer and upload the new version. However, I would like to directly change the file in the S3 bucket within a browser (to change it anywhere).

Is there a cloud-based text editor that can use S3 as a "file system" and would allow me to change text files (e.g., html, css, js, etc.)?

You can use s3edit.com It works on browser and can edit files — chickens, Mar 10 '18 at 06:39

score 33 · Answer 1 · edited May 04 '20 at 05:50

33

I would use S3 Sync from the awscli to download the files and edit them locally before syncing them back to their original location and updating the originals.

Documentation on S3 sync here: https://docs.aws.amazon.com/cli/latest/reference/s3/sync.html

EDIT: Example:

aws s3 sync s3://mybucket .
edit your files locally
aws s3 sync . s3://mybucket

edited May 04 '20 at 05:50

kkurian

3,844
3
30
49

answered Sep 24 '18 at 21:47

fIwJlxSzApHEZIl

11,861
6
62
71

3

This is the best answer on here. You can't edit s3 files directly in s3. – dillon.harless Apr 11 '19 at 15:54
4

An example of downloading a file and then uploading it would improve this answer a lot – Kyeotic Feb 06 '20 at 16:37

Guillermo Ampie · Answer 2 · 2020-11-17T03:29:25.577

17

If you use VSCode and install the AWS extension, you can:

Open the desired bucket in S3 in the AWS Explorer that you get in your VSCode window
Right-click the desired file in the AWS Explorer, and select "Download As...", select the location, and press "Download"
Edit your file locally
Right-click again the file in the AWS Explorer and select "Upload to Parent...", select the file, and press "Upload"

edited Nov 17 '20 at 03:29

answered Nov 17 '20 at 03:07

Guillermo Ampie

173
1
7

1

This extension is awesome. Thanks for the suggestion - it has exactly the functionality I was looking for! – Paul Karkoska May 26 '21 at 14:01
This is awesome. I just wish you were able to search for files with a speciffic name as we have thousands of files in our buckets. – iCediCe Aug 06 '21 at 05:11
Such a wonderful tip! – ercan Feb 10 '22 at 12:35
I gotten access to my aws s3 via `AWS Toolkit` via VSCode. Do you mean `AWS Toolkit` instead of AWS? – Ryan Oct 16 '22 at 11:31

score 6 · Answer 3 · answered Dec 29 '12 at 11:27

6

No, there is not currently an AWS-supported method of editing an S3 file within the browser (like you can in, say, cPanel).

answered Dec 29 '12 at 11:27

L0j1k

12,255
7
53
65

score 5 · Answer 4 · edited Jul 31 '19 at 15:10

5

You can use the free CloudBerry Explorer for Amazon S3 to browse, set up your buckets, upload, download and edit your files directly from S3

CloudBerry announced comfortable multible files editing and automatic upload of your changes.

EDIT

If you need a web-based editor you might want to have a look at this browser editor. Apparently it is capable to read files from a s3 bucket, but requires to be installed in your own web space.

edited Jul 31 '19 at 15:10

Alan W. Smith

24,647
4
70
96

answered Dec 29 '12 at 11:51

Michel Feldheim

17,625
5
60
77

1

Thanks, but this is not a Cloud-based editor. You have to download and install it - and it's not available for Macs. It's not better than a text editor where I upload the changed files via the web interface of S3. – Jörg Rech Dec 30 '12 at 10:33
If a solution installed on your own web space would help you can try [this editor](http://www.karamasoft.com/ultimateeditor/samples/contenthandling/editorcontentamazons3/editorcontentamazons3.aspx) – Michel Feldheim Dec 30 '12 at 10:46
thats so annoying there should have been some way to edit – Prasanjit Dey Nov 11 '15 at 13:23
s3 doesn't support editing files... it stores objects that must be rewritten any time you want to update them. Look into file gate if you want something close. – dillon.harless Apr 11 '19 at 15:53

How to edit files in AWS S3 in the browser?

4 Answers4

Linked