Textarea Eingabehöhe beqrenzen (NICHT die Zeichen)

[shakus]

Hallo Zusammen,

ich habe gerade schon ein Weilchen gegoogelt, aber leider noch nicht wirklich etwas gefunden, was in die richtige Richtung geht. Vielleicht kann mir ja hier jemand weiter helfen.

Ich stehe (vereinfacht gesagt) vor folgendem Problem:

Ich bin gerade dabei, ein Tool zu programmieren, bei dem ein angemeldeter User zunächst mehrere Texte über Textareas eingeben kann.

Aus den verschiedenen Textareas wird zum Schluss zusammen mit noch ein paar anderen Daten eine PDF-Datei generiert.

Die PDF-Datei besteht dann aus mehreren DIN-A4 Seiten.

Für jede DIN-A4 Seite soll dem User genau 1 Textarea zur Verfügung stehen.

Und nun das Problem:

Wie kann ich ein Textarea auf eine bestimmte Höhe begrenzen?

Wenn ich nur die Anzahl der Zeichen begrenze, besteht das Problem, dass der Text z.B. durch die Auswahl von großen Schriftarten oder vielen Überschriften irgendwann trotzdem über die Größe einer A4-Seite hinausragt.

Ich müsste also zum Beispiel dass was man eingeben kann, auf eine bestimmte Pixelanzahl begrenzen.

Auf einer Seite habe ich nun schon gelesen, dass man da wohl mit normalen HTML nicht weit kommen wird bzw. dass da vermutlich Javascript benötigt wird. Leider stand aber kein Ansatz zu einer Lösung dazu.

Hat von euch evtl. jemand eine Idee?

In Sachen Javascript habe ich leider nur geringe Kenntnisse.

Vielen Dank im Voraus!