Syntax Highlighting: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Hinweis zur Wahl der Probrammiersprache
(Hinweis zur Wahl der Probrammiersprache)
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 52: Zeile 52:


=== Kennzeichnung als Code in einem Block ===
=== Kennzeichnung als Code in einem Block ===
Um Code in einem eigenen Block anzuzeigen, wird der Code in einen <pre>-Tag eingebettet:
Um Code in einem eigenen Block anzuzeigen, wird der Code in einen <pre>-Tag eingebettet, der anzeigt, dass es sich um vorformatierten Text handelt:


* Zuerst wird die entsprechende Textpassage zum Bearbeiten geöffnet.
* Zuerst wird die entsprechende Textpassage zum Bearbeiten geöffnet.
Zeile 62: Zeile 62:
* Im Atto-Editor wird der erste Button "Menüleiste umschalten" [[Datei:atto-mehr.png]] angeklickt, um mehr Optionen zum Bearbeiten zu sehen.
* Im Atto-Editor wird der erste Button "Menüleiste umschalten" [[Datei:atto-mehr.png]] angeklickt, um mehr Optionen zum Bearbeiten zu sehen.
* Im Atto-Editor wird dann der HTML-Modus umgeschaltet, indem der Button "HTML" [[Datei:atto-html.png]] angeklickt wird.
* Im Atto-Editor wird dann der HTML-Modus umgeschaltet, indem der Button "HTML" [[Datei:atto-html.png]] angeklickt wird.
* Der hervorzuhebende Code wird mit dem Tag <pre> eingeleitet und mit </pre> wieder beendet:
* Der hervorzuhebende Code wird mit dem Tag <pre> eingeleitet, darin befindet sich weiterhin ein <code>-Tag. Mit </pre> wird der Block wieder beendet:
<pre>
<pre>
Das ist Code, der in einem eigenen Block steht:  
Das ist Code, der in einem eigenen Block steht:  
&lt;pre&gt;
&lt;pre&gt;
&lt;code&gt;
SELECT  
SELECT  
     title  
     title  
Zeile 71: Zeile 72:
WHERE  
WHERE  
     author LIKE '%King%'
     author LIKE '%King%'
&lt;/code&gt;
&lt;/pre&gt;
&lt;/pre&gt;
</pre>
</pre>
Zeile 81: Zeile 83:


[[Datei:moodle-code-block.png]]
[[Datei:moodle-code-block.png]]
=== Wahl der Programmiersprache für die Hervorhebung ===
Normalerweise bestimmt SynHi die zu dekorierende Programmiersprache selbstständig. Wenn Sie die Sprache jedoch manuell bestimmen wollen, können Sie dies wie folgt tun:
<code>&lt;code data-enlighter-language="html"&gt;
Hier steht dann der Code
&lt;code&gt;
</code>


== Einschränkungen und Hinweise ==  
== Einschränkungen und Hinweise ==  
30

Bearbeitungen

Navigationsmenü