(Wunsch) Bilder einfügen

[ensolo]

eCamp braucht meiner Meinung nach die Funktion Bilder direkt in den Blogg einzufügen.
(zB. für Screenshots von Zugverbindungen oder Kartenausschnitte)

[manuelmeister]

Momentan planen wir, dass im Detailprogramm Bilder eingefügt werden können.

[pmattmann]

Ich sehe hier im wesentlichen zwei Varianten:

1. Embed Images in ContentNode.data
   TipTap-Editor so erweitern, dass man Images hochladen kann. Diese werden dort direkt im HTML eingebaut:
   <img src="data:image/webp;base64,UklGRvJ...AAAAA==" />
   ➕ Vorhandene Infrastruktur kann verwendet werden
   ➕ Berechtigungs-System (wer kann das Bild anzeigen) ist bereits vorhanden
   ➕ CleanUp der Bilder ist trivial
   ➖ Datenbank kann gross werden.
   ➖ Vermutlich muss Bild-Grösse beschränkt werden

2. Store Images in S3-Bucket
   Im Prinzip so wie es GitHub macht.
   TipTap-Editor so erweitern, dass man Images hochladen kann. Die Images werden dann in einen S3-Bucket hochgeladen.
   Im HTML wird nur die URL auf den s3-Bucket gespeichert.
   Als File-Name könnte man den SHA1 vom Image-Inhalt verwenden (à la GIT):
   <img src="/images/66b34d7165ab504b76b4eccad79df8197afc4bf4" />
   ➕ Datenbank wird nicht belastet
   ➕ S3 Bucket ist relativ günstig
   ➖ Braucht neue Infrastruktur
   ➖ echter Berechtigungs-Schutz ist nicht trivial
   ➖ CleanUp der Bilder ist komplex

Quellen:

• TipTap kann mit Bilder umgehen: https://tiptap.dev/docs/examples/basics/images
• Postgres jsonb-Spalte MaxSize: 1GB
• S3 compatible Storages:
  • Cloudflare: https://www.cloudflare.com/de-de/pg-cloudflare-r2-vs-aws-s3/
  • DigitalOcean: https://www.digitalocean.com/products/spaces
  • AWS: https://aws.amazon.com/de/s3/

[BacLuc]

To not implement everything our self, there is a service called https://docs.uploadthing.com/concepts/regions-acl#access-controls
with kind of an acl.

We already use AWS S3

• Additional Backup #3478