online-Formular PDF vergrößert sind automatisch?

Kann man im Online-Formular die erstellte PDF größer machen, so dass die mitwächst, wenn man mehr text einträgt:

<textarea class="form-control" style="height:{if $pdf}200{else}{/if}px;" id="sonstige_Anmerkungen" name="sonstige_Anmerkungen">{if $pdf}{$values.sonstige_Anmerkungen|nl2br}{/if}</textarea>

1 Antwort

J0nny796

04.03.2025, 09:11

Hi Maetin,

Falls das Textfeld sich dynamisch vergrößern soll, kannst du JavaScript nutzen:

Die

oninput

-Funktion passt die Höhe an den eingegebenen Inhalt an.

Falls es darum geht, dass die generierte PDF-Datei sich automatisch anpasst, brauchst du eine dynamische PDF-Erzeugung. Mit TCPDF oder FPDF kannst du dies steuern:

require('tcpdf.php');

$pdf = new TCPDF();

$pdf->AddPage();

$pdf->SetFont('Helvetica', '', 12);

$pdf->MultiCell(0, 10, $_POST['sonstige_Anmerkungen'], 0, 'L', 0, 1);

$pdf->Output('formular.pdf', 'I');

Falls nötig, kann die PDF-Seite auch automatisch verlängert werden mit

AddPage()

Ich hoffe das hilft!

Woher ich das weiß:Berufserfahrung

Ähnliche Beiträge

"textarea" html Feld mitwachsen?

<textarea class="form-control" name="Adresse">{if $pdf}{$values.Adresse|nl2br}{/if}</textarea>

Kann man dieses Feld so schreiben, dass es mitwächst. Das KEIN Scrollbalken kommt, sondern wie schon gesagt mitwächst

...zum Beitrag

Online Formular: Felder werden in der PDF verschoben?

bei einem Online Formular habe ich eine ... Code eingebaut, weil das Formular so groß ist. jetzt verschieben sich in der pdf alle felder nach unten, aber die sollen so bleiben wie im online formular. geht das?

<label for="Traeger" style="width: 110px;">Träger</label>

</div>

im Formular:

und in der pdf:

...zum Beitrag

JavaScript/html2pdf: Wieso werden die Seiten nicht richtig gedruckt?

Hi, ich möchte mit JavaScript und den Bibliotheken JsBarcode und html2pdf Barcodes generieren, einen Text oberhalb des Barcodes ausgeben und diesen dann als PDF speichern, um damit Etiketten mit Barcodes zu drucken.

Leider habe ich dabei aber das Problem, dass meine Seiten immer weiter nach oben geschoben werden und somit dann ein Label auf zwei Seiten gedruckt wird.

Kennt jemand das Problem oder kann mir dabei helfen?

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>html2pdf</title>
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/dist/JsBarcode.all.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
    <style>
      .label {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 60mm;
        height: 30mm;
        margin: 0;
        padding: 0;
      }

      .label-text-center {
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
      }

      svg {
        width: auto;
        height: 60%;
      }
    </style>
  </head>
  <body>
    <div class="wrapper" id="element-to-print">
      <div class="label">
        <p class="label-text-center">headline01</p>
        <p class="label-text-center">headline01</p>
        <svg id="barcode" class="label-image-center"></svg>
      </div>
    </div>
    <script>
      // Generiere Barcodes für alle SVGs mit der Klasse "barcode"
      JsBarcode("#barcode", "5901234123457", { format: "EAN13" });

      // PDF-Optionen
      var opt = {
        margin: 0,
        filename: 'barcodes.pdf',
        image: { type: 'jpeg', quality: 0.98 },
        html2canvas: { scale: 2 },
        jsPDF: { unit: 'mm', format: [60, 30], orientation:'landscape' }
      };
      // Erstelle das PDF und speichere es
      html2pdf().set(opt).from(document.getElementById('element-to-print')).save();
    </script>
  </body>
</html>

...zum Beitrag

Html Passwort?

Guten Tag ich bin dabei eine seite zu programmieren auf welcher man einen key eingeben muss und dann weiter geleitet wird jedoch stoße ich hirbei auf probleme und zwar ist das passwort schon automatisch eingegeben und man kann eingeben was man will man wird trotzdem weitergeleitet wie kann ich das beheben hier der code :

<!DOCTYPE html>
<html>
<body>
<h1>Key</h1>
<form action="/action_page.php">
 <label for="key">Key:</label>
 <input type="password" id="key" name="key" value="1234"><br><br>
 <input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "hier kommt noch ein link".</p>
</body>
</html>

...zum Beitrag

Welches Backend + Hosting für kleine Webseiten?

Ich möchte eine Webseite für ein kleines Unternehmen erstellen.

Sie wird ziemlich Frontend-lastig sein bis auf ein zwei Besonderheiten:

Ein Kontakt-Formular, bei dem man eine Nachricht eingeben kann, die dem Unternehmer dann automatisch per Email zugesandt wird
Ein Blog, bei dem der Unternehmer selbst Posts (bestehend aus Text & Bildern) erstellen kann, in einer Art Admin-Panel mit WYSIWYG-Editor, und diese direkt oder zu einem bestimmten Zeitpunkt automatisch veröffentlichen kann

Beim Frontend fällt die Technologie-Auswahl noch relativ leicht, TypeScript und ein gängiges Framework wie z.B. React.
Als Datenbank würde ich MySQL oder PostgreSQL verwenden.

Beim Backend weiß ich nun aber nicht weiter.

Welches Framework würde sich für eine Webseite dieser Größe am besten anbieten?
Es sollte beim Hosting billig sein (z.B. durch niedrigen RAM-Verbrauch), der Code sollte einfach und schnell zu schreiben sein, und es sollte die oben genannten Features möglichst einfach ermöglichen.

Express, Next.js, Laravel, Django, Flask, ASP.Net, Spring, ... ?
Was würdet ihr nehmen und warum?

Und zum Hosting, muss ich die Webseite auf einem vServer hosten, oder reicht auch ein Webspace?

...zum Beitrag

Checkboxen die Pflicht sein soll?

man soll umbedigt eines der Checkboxen auswählen, Bei Bedarf oder Regelmäßig oder Nein.

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Bei_Bedarf)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Bei_Bedarf" value="Ja">{/if} {language key="elf_Frage_11_Bei_Bedarf"}{if !$pdf}</label>{/if}</div>       

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Regelmaessig)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Regelmaessig" value="Ja">{/if} {language key="elf_Frage_11_Regelmaeßig"}{if !$pdf}</label>{/if}</div>

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Nein)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Nein" value="Ja">{/if} {language key="elf_Frage_11_Nein"}{if !$pdf}</label>{/if}</div>

...zum Beitrag

Warum kann ich meinen HTML- Code nicht mit meinem Python- Code verbinden?

Hallo,

ich wollte meinen Python- Code mit meinem HTML- Code verbinden, damit, wenn mein Wake- Word "Luna" erkannt wurde, ein div in der Datei index.html seine Farbe ändert. Hier ist der Code:

Python:

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'luna_secret1984773249523'
socketio = SocketIO(app)


@socketio.on('connect')
def handle_connect():
    emit('message', {'data': 'Connected'})


@socketio.on('start_listening')
def start_listening():
    if detect_wake_word():
        emit('color_change', {'color': 'red'})


@app.route('/')
def index():
    return render_template('output.html')

HTML /CSS:

... #color_div {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: green;
}    
</style>
</head>
<body>
<div id="color_div"></div>

JavaScript:

... // FLASK
        var socket = io();

        socket.on('connect', function() {
            socket.emit('start_listening');
        });

        socket.on('color_change', function(msg) {
            document.getElementById('color_div').style.backgroundColor = msg.color;
        });
</script>
</body>
</html>
    """
    with open("output.html", "w") as html_file:
        html_file.write(html_content)

    return "output.html"

Wenn ich den Code aber ausführe und "Luna" sage, ändert der Div nicht seine Farbe. Woran liegt das?

Freundliche Grüsse

...zum Beitrag

Kostenloses Online-Tool, welches aus Texten/PDF selbst Karteikarten erstellt, die man dann lernen kann?

Welches kostenlose Online-Tool könnt ihr empfehlen, welches aus Texten/PDF selbst Karteikarten erstellt, die man dann lernen kann?

...zum Beitrag

CSS Problem mit Firefox?

Ich will gerade ein kleines CSS-only Dropdown-Menü mittels der Pseudoklasse :focus realisieren. Das funktioniert in Chrome, Edge und Safari super, nur Firefox schießt hier quer und die Links lassen sich nicht anklicken. Meine Vermutung ist, dass es bei Firefox ein Timing-Problem gibt und – vereinfacht gesagt – blur vor click kommt und click ins leere läuft, da der Link dann unsichtbar ist.

Hier ein ganz einfacher Testcase:

HTML

<nav>
 <span class="menu" tabindex="-1">
  Menü aufrufen
  <ul>
   <li><a href="https://www.gutefrage.net/" target="_blank">Gutefrage</a></li>
   <li><a href="https://www.google.com/" target="_blank">Google</a></li>
  </ul>
 </span>
</nav>

CSS

.menu {
 position: relative;
 border: 1px solid silver;
 border-radius: 5px;
 padding: 4px 8px;
}

.menu:focus {
 background-color: coral;
}

.menu ul {
 display: none;
}

.menu:focus ul {
 position: absolute;
 display: block;
}

Link

https://jsfiddle.net/Babelfisch/bck65qeo/6/

Hat jemand eine Idee, wie ich Firefox hier dazu bringen kann, sich wie alle anderen Browser zu verhalten? Ich bin hier gerade mit meinem Latein am Ende, will das ganze aber ungern begraben oder unnötig Javascript dafür nutzen.

...zum Beitrag

CSS-Problem: Pointer-Events und Cursor-Aussehen?

#knopf-weiter {pointer-events: none; cursor: not-allowed;}

.wennauswahlgetroffen {pointer-events: all !important;}

Dieser Code hier bedeutet, dass der Knopf, der einen Link enthält erst klickbar wird, wenn eine Bedindung erfüllt wurde. Mein Problem ist aber das bei "pointer-events: none" der Cursor auf "not-allowed" nicht mehr angezeigt wird sondern nur die normale Maus. Ich will aber dass ich den Cursor ändern kann.

...zum Beitrag

Hintergrund von vorbereiteten PDF Formular ändern?

Hallo, ich habe vor einiger Zeit ein Formular als PDF Datei erstellt und abgespeichert. (Blöderweise aber in PNG, welches ich dann in eine PDF eingefügt hab, somit ist der Text nicht zu ändern)

Danach hab ich diese Datei als Formular in Acrobat Pro DC erstellt und die ganzen "Kreuzchen" und "Häckchen" sowie Textzeilen eingefügt - jede menge sogar. Nun sollt ich aber im Hintergrund etwas ändern und jetzt stellt sich mir die Frage ob ich irgendwie den "Hintergrunnd" austauschen kann? Also die Stamm-PDF dahinter. Kann mir hier jemand helfen?

...zum Beitrag

PDF Formular mit Schaltfläche fürs einfügen von Bildern?

Hallo Zusammen. Ich brauche für die Arbeit ein PDF Formular, dass ich Größtenteils schon selbst erstellt habe und alles funktioniert soweit super. Was jetzt noch fehlt ist die Möglichkeit über ein Mobiles gerät Bilder einzufügen. Ich hab zwar eine "Bilder einfügen" Funktion gefunden, allerdings funktioniert diese nur am PC.

Hat jemand vielleicht eine Idee, wie ich das zum laufen bekommen könnte?

Ich hab schon überlegt, ob man den Code von der Schaltfläche selbst nicht anpassen könnte. Andere Vorschläge?

Das ist mein bisheriges Ergebnis:

https://drive.google.com/file/d/1sTFlG98t-uyJ-Ys0_j8Sfvp7iZD1UIzY/view?usp=sharing

...zum Beitrag

CSS Button und collapsible nebeneinander bekommen?

Hey, wie bekommt man den Button und das collapsible nebeneinander ?

Hier der HTML Code:

<div class="fach" id ="${nameDesFachs}"> <button type="button" class="collapsible">${nameDesFachs}</button><div class="content hidden"></div></div>

...zum Beitrag

Welchen Befehl brauche ich (HTML, CSS)?

Hallo welchen css Befehl brauche ich damit wenn ich nach unten scrolle dass der weiße Kasten hinter der Menüleiste oben ist und nicht vor?

Danke!

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen