Kostenloser Hyperlink-Generator: klickbaren Link erstellen

Die Eingabe im URL-Feld wird mit dem Standard-URL-Parser des Browsers ausgewertet. Geben Sie eine Webadresse ohne Schema ein, wird vor der Auswertung https:// ergänzt; eine reine Domain wie example.com behält dabei ihre ursprüngliche Form und erhält keinen abschließenden Schrägstrich. Der Host muss wie eine echte Domain aussehen (er braucht einen Punkt oder muss localhost lauten). Ein mailto:-Link braucht nach dem Doppelpunkt eine Adresse, ein tel:-Link eine Nummer aus Ziffern mit optionalem führendem + und optionalen Leerzeichen, Punkten, Bindestrichen oder Klammern; Leerzeichen werden aus tel:-Links entfernt. Ist der Linktext leer, wird die endgültige URL als Text verwendet.

Jede Ausgabe wird passend zu ihrem Format maskiert. Die HTML-Ausgabe lautet <a href="URL">Text</a>, wobei &, <, >, doppelte und einfache Anführungszeichen in HTML-Entitäten umgewandelt werden. So können weder eine URL mit Abfrageparametern noch ein Linktext mit Anführungszeichen das Tag ungültig machen. Ist „In neuem Tab öffnen“ aktiviert, werden target="_blank" und rel="noopener noreferrer" hinzugefügt; „nofollow hinzufügen“ ergänzt nofollow im selben rel-Attribut (rel="nofollow noopener noreferrer", wenn beide aktiviert sind). Die Markdown-Ausgabe folgt der Inline-Link-Form von CommonMark, [Text](url): Eckige Klammern und Backslashes im Text werden maskiert, Leerzeichen und runde Klammern in der URL werden prozentkodiert (%20, %28, %29), damit sie den Link nicht vorzeitig beenden. Die BBCode-Ausgabe verwendet [url=URL]Text[/url], die Form, die phpBB und viele andere Foren nutzen; eckige Klammern in der URL werden dabei prozentkodiert.

Der Button „Kopieren“ bei „Klickbarer Link“ schreibt mithilfe der Clipboard API des Browsers zwei Formate gleichzeitig in die Zwischenablage: text/html mit dem fertigen <a>-Element und text/plain mit der URL. text/html und text/plain gehören zu den Datentypen, die Browser laut der Clipboard-API-Spezifikation des W3C unterstützen müssen. Die App, in die Sie einfügen, wählt das reichhaltigste Format, das sie versteht: Rich-Text-Editoren wie Gmail, Outlook, Google Docs, Word, Slack und Notion übernehmen das HTML und zeigen einen klickbaren Link mit Ihrem Text an, während reine Textfelder auf die URL zurückgreifen. In älteren Browsern ohne diese API markiert das Tool eine gerenderte Kopie des Links und kopiert die Markierung, die die Formatierung ebenfalls enthält.

Wenn Sie einen Hyperlink lieber von Hand in einer App erstellen, ist das Tastenkürzel fast überall dasselbe. Markieren Sie in Word den Text und drücken Sie Strg+K (Cmd+K auf dem Mac), oder klicken Sie mit der rechten Maustaste und wählen Sie „Link“; außerdem wandelt Word eine eingetippte Webadresse in einen Link um, wenn Sie danach die Leertaste oder die Eingabetaste drücken. Markieren Sie in Google Docs den Text und drücken Sie Strg+K bzw. Cmd+K, oder wählen Sie „Einfügen“ und dann „Link“. Gmail verwendet im Fenster zum Verfassen von Nachrichten Strg+K (Cmd+K auf dem Mac), und Outlook nutzt Strg+K im klassischen Outlook, im neuen Outlook und in Outlook im Web (Cmd+K auf dem Mac). Markieren Sie in Slack den Text und drücken Sie Strg+Shift+U (Cmd+Shift+U auf dem Mac), oder fügen Sie eine kopierte URL ein, während der Text markiert ist.