Maskierter API-Schlüssel
Ein verborgener API-Schlüssel, der sich beim Anzeigen Zeichen für Zeichen entschlüsselt, mit Kopieren- und Neu-erzeugen-Button.
Einstellungen
Code
<div class="uvq06-ak"><div class="hd"><label for="uvq06-ak-in">Geheimer Schlüssel</label><span class="tg"><i></i>Produktion</span></div><div class="fd"><input id="uvq06-ak-in" readonly spellcheck="false"><button type="button" class="ey" aria-pressed="false" aria-label="Schlüssel anzeigen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z"/><circle cx="12" cy="12" r="3"/></svg><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3l18 18M10.6 5.6A9.6 9.6 0 0 1 12 5.5c6 0 9.5 6.5 9.5 6.5a17 17 0 0 1-2.8 3.6M6.6 6.6C3.9 8.3 2.5 12 2.5 12S6 18.5 12 18.5c1.8 0 3.3-.5 4.6-1.3M9.9 9.9a3 3 0 0 0 4.2 4.2"/></svg></button><button type="button" class="cp" aria-label="Schlüssel kopieren"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="8.5" y="8.5" width="11" height="11" rx="2.5"/><path d="M15.5 8.5V6.5a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h2"/></svg><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg><span class="tt" aria-hidden="true">Kopiert</span></button></div><div class="ft"><span>Vor 3 Tagen erstellt · zuletzt heute genutzt</span><button type="button" class="rg"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 11a8 8 0 1 0-2.3 5.7M20 4.5V11h-6.5"/></svg><span>Neu erzeugen</span></button></div><p class="sr" aria-live="polite"></p></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Eingabefelder
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Ein schreibgeschütztes Feld für geheime Schlüssel, wie in Entwickler-Dashboards. Der Schlüssel zeigt nur Präfix und die letzten vier Zeichen; der Augen-Button entschlüsselt den Rest mit einem kurzen Zeichengewirr, das sich von links nach rechts setzt. Kopieren tauscht das Symbol gegen ein Häkchen mit Tooltip, Neu erzeugen dreht den Pfeil und lässt einen neuen Schlüssel erscheinen.
Die Hauptfarbe färbt das Umgebungs-Tag, das aktive Auge und den Link zum Neu erzeugen. Nutze es auf Einstellungsseiten, bei Webhooks und Integrationen und verbinde Kopieren und Neu erzeugen mit deiner eigenen API, bevor es live geht.