Sonstiges » Demo HTML-Struktur für Codeboxen

Florians Forum � Themen � Sonstiges � Demo HTML-Struktur für Codeboxen

Themen-Einstellungen

Thema drucken

Bereich wechseln

#1 | Demo HTML-Struktur für Codeboxen datum

26.03.2015 18:38 (zuletzt bearbeitet: 26.03.2015 18:43)

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Codebox mit normaler Struktur:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style>
	#demo {
		color: blue;
	}
</style>
 
<script>
	function demo() {
		console.log('test');
	}
</script>
 
<a href="http://www.example.com">Example.com</a>
 

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#2 | RE: Demo HTML-Struktur für Codeboxen datum

26.03.2015 18:42 (zuletzt bearbeitet: 26.03.2015 18:42)

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Codebox mit normaler Struktur:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style>
	#demo {
		color: blue;
	}
</style>
 
<script>
	function demo() {
		console.log('test');
	}
</script>
 
<a href="http://www.example.com">Example.com</a>
 

Anhang nicht im Beitrag eingebunden.

florian-zier hat folgende Bilder an diesen Beitrag angeh�ngt

1427409683_knewsticker.pn

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#3 | RE: Demo HTML-Struktur für Codeboxen datum

26.03.2015 18:44 (zuletzt bearbeitet: 26.03.2015 18:44)

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Anhang in Beitrag einbinden:

Codebox mit ver�nderter HTML- Struktur:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style>
	#demo {
		color: blue;
	}
</style>
 
<script>
	function demo() {
		console.log('test');
	}
</script>
 
<a href="http://www.example.com">Example.com</a>
 

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#4 | RE: Demo HTML-Struktur für Codeboxen datum

26.03.2015 19:39 (zuletzt bearbeitet: 26.03.2015 19:44)

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

HTML-Strutkur der Codebox �ndert sich, sobald ein Dateianhang existiert und folgende Zeichenkette im Beitrag vorkommt:
[[File:

Codebox mit ver�nderter HTML- Struktur:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<style>
	#demo {
		color: blue;
	}
</style>
 
<script>
	function demo() {
		console.log('test');
	}
</script>
 
<a href="http://www.example.com">Example.com</a>
 

florian-zier hat folgende Bilder an diesen Beitrag angeh�ngt

1427409683_knewsticker.pn

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#5 | RE: Demo HTML-Struktur für Codeboxen datum

26.03.2015 19:47 (zuletzt bearbeitet: 26.03.2015 19:55)

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Normale HTML-Struktur mit code-Tag:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<div class="bbcode_code">
	<div class="codeblock">
		<div class="codelines">
			1<br>
			2<br>
			3<br>
			4<br>
			5<br>
			6<br>
			7<br>
			8<br>
			9<br>
			10<br>
			11<br>
			12<br>
			13<br>
			&nbsp;
		</div>
 
		<div class="code">
			<pre>
				<code class="prettyprint prettyprinted" style="">
					<span class="tag"><style></span><br><span class="pln">    </span><span class="com">#demo {</span><br><span class="pln">       color</span><span class="pun">:</span><span class="pln"> blue</span><span class="pun">;</span><br><span class="pln">    </span><span class="pun">}</span><br><span class="tag"></style></span><br><span class="pln">&nbsp;</span><br><span class="tag"><script></span><br><span class="pln">    </span><span class="kwd">function</span><span class="pln"> demo</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><br><span class="pln">     console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="str">'test'</span><span class="pun">);</span><br><span class="pln">  </span><span class="pun">}</span><br><span class="tag"></script></span><br><span class="pln">&nbsp;</span><br><span class="tag"><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"http://www.example.com"</span><span class="tag">></span><span class="pln">Example.com</span><span class="tag"></a></span><br><span class="pln">&nbsp;</span>
				</code>
			</pre>
		</div>
	</div>
</div>
 

Resultierende HTML-Struktur nach Einbetten von Dateien, ohne code-Tag:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<div class="bbcode_code">
	<div class="codeblock">
		<div class="codelines">
			1<br>
			2<br>
			3<br>
			4<br>
			5<br>
			6<br>
			7<br>
			8<br>
			9<br>
			10<br>
			11<br>
			12<br>
			13<br>
			&nbsp;
		</div>
 
		<div class="code">
			<pre>
				<style><br>    #demo {<br>     color: blue;<br>    }<br></style><br>&nbsp;<br><script><br> function demo() {<br>       console.log('test');<br>    }<br></script><br>&nbsp;<br><a href="http://www.example.com">Example.com</a><br>&nbsp;
			</pre>
		</div>
	</div>
</div>
 

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#6 | RE: Demo HTML-Struktur für Codeboxen datum

19.09.2019 21:47

Danke, werde es mal ausprobieren!

Antworten

Windows 10 kaufen � � Kokstrommel

�hnliche Themen

Antworten

Letzter Beitrag

e errors by the Nationals.
Erstellt im Forum Xobor (Homepagemodules & Dynamicboard) von jin shuiqian 0 20.11.2019 03:17
jin shuiqian • Zugriffe: 138
JavaSript-Dateien und CSS auslagern
Erstellt im Forum Xobor (Homepagemodules & Dynamicboard) von Wolfgang 2 11.11.2015 22:48
Wolfgang • Zugriffe: 551
Html code
Erstellt im Forum Sonstiges von Emanuel 7 26.06.2008 11:57
florian-zier • Zugriffe: 1361
Vom Mitglieder-Profil zum Wohnort in der Landkarte
Erstellt im Forum Funktionen & Template von florian-zier 4 29.02.2008 23:22
florian-zier • Zugriffe: 857

Bitte geben Sie einen Grund f�r die Verwarnung an