Code-Felder wie auf Imageshack

maescot

Hallo,

ich möchte ein Feld für meine Seite, aus dem man sich wie bei Imageshack einfach den Code kopieren kann. Allerdings wird bei mir der Code abgeschnitten, wenn das Feld voll ist und nicht der gesamte Text markiert. Mein Code sieht wie folgt aus. Der Code ist an den von Imageshack angelehnt, ich weiß nicht, warum es nicht genau so funktioniert. Weiß jemand, was ich falsch mache?

Code

<div style="
float: right; 
height: 20px;
overflow-x: hidden;
overflow-y: hidden;
width: 250px; border: 
1px solid #e6e6e6;">


<code>(Hier kommt der Link mit ganz viel Code rein)
</code>


</div>

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

Zeig doch mal den Code den du einfügst, das

Code

<code></code>

brauchst du doch gar nicht.

Für einen Bildlink oder normalen Link einfach

Code

<form action="none"><textarea cols="50" rows="4" name="description" readonly="readonly">[COLOR=Red]Hier deinen Link rein[/COLOR]</textarea>


<input onclick="javascript:this.form.description.focus(); this.form.description.select();" name="click" type="button" value="Quelltext markieren" /> </form>

das Beispiel ist mit Button zum Link kopieren

maxe

oder du machst es mit einem Syntax Highlighting Plugin, z.B. http://wordpress.org/extend/plugins/syntaxhighlighter/

maescot

Dankeschön :) Dein Code für das Formular funktioniert sehr gut. Ich hatte es nur mit CSS versucht, weil das auf imageshack anscheinend genau so gemacht wird und ich mich mit Formularen nicht auskenne^^ Wie kann ich dafür sorgen, dass das Formular nicht vertikal scrollt? Funktioniert das Markierungsrkript auch, wenn ich mehrere von diesen Feldern verwende?

Einen Syntax Highlighter brauche ich nicht, es geht mir ja nicht darum, dass der Code leserlich ist. Und hier ist er:

HTML

&lt;a href="http://www.maescot.de/wp-content/uploads/2010/12/Banner250x70.jpg"&gt;&lt;img title="Banner250x70" src="http://www.maescot.de/wp-content/uploads/2010/12/Banner250x70.jpg" alt="Mäscot das Schaf -  Webcomic" width="250" height="70" /&gt;&lt;/a&gt;

Tutrix

Zitat

Wie kann ich dafür sorgen, dass das Formular nicht vertikal scrollt?

Einfach Textfeld vergrößern (rows="4") wobei der Code oben, eigentlich für das was du einfügst passt.

oder style="overflow:hidden;" einfügen

übrigens arbeitet imageshack auch damit
siehe

Code

<textarea class="readonly multilinebox" readonly="readonly" onclick="pageTracker._trackEvent('new-done-click','direct-click');" wrap="off">http://img704.imageshack.us/img704/2974/test.png</textarea>

nur ist dort noch ein onclick Event eingebaut, um Dateileichen herauszufinden

Zitat

Funktioniert das Markierungsrkript auch, wenn ich mehrere von diesen Feldern verwende?

das kannst du so oft verwenden wie du willst(also immer den kompletten Code von oben)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Code-Felder wie auf Imageshack

Jetzt mitmachen!