Florians Forum

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

Neuen Beitrag erstellen

#6 | RE: Demo HTML-Struktur für Codeboxen 19.09.2019 21:47

Gast	Danke, werde es mal ausprobieren!
Diesen Beitrag zitieren

#5 | RE: Demo HTML-Struktur für Codeboxen 26.03.2015 19:47

florian-zier

Administrator

Beitr�ge: 837
Registriert seit: 19.04.2007
Wohnort: Oberkirch
Geschlecht: m�nnlich

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>
 

Diesen Beitrag zitieren

#4 | RE: Demo HTML-Struktur für Codeboxen 26.03.2015 19:39

florian-zier Administrator Beitr�ge: 837 Registriert seit: 19.04.2007 Wohnort: Oberkirch Geschlecht: m�nnlich	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>`
Diesen Beitrag zitieren

#3 | RE: Demo HTML-Struktur für Codeboxen 26.03.2015 18:44

florian-zier Administrator Beitr�ge: 837 Registriert seit: 19.04.2007 Wohnort: Oberkirch Geschlecht: m�nnlich	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>`
Diesen Beitrag zitieren

#2 | RE: Demo HTML-Struktur für Codeboxen 26.03.2015 18:42

florian-zier Administrator Beitr�ge: 837 Registriert seit: 19.04.2007 Wohnort: Oberkirch Geschlecht: m�nnlich	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.
Diesen Beitrag zitieren

#1 | Demo HTML-Struktur für Codeboxen 26.03.2015 18:38

florian-zier Administrator Beitr�ge: 837 Registriert seit: 19.04.2007 Wohnort: Oberkirch Geschlecht: m�nnlich	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>`
Diesen Beitrag zitieren

Schlie�en