Syntax Highlighting: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Hinweis zur Wahl der Probrammiersprache
(Hinweis zur Wahl der Probrammiersprache)
 
(8 dazwischenliegende Versionen desselben Benutzers werden 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.
* Markieren Sie im Atto-Editor einen Text oder setzen den Cursor an eine Stelle. Klicken Sie den Button "Absatzformate" [[Datei:atto-absatzformate.png]] und wählen "vorformatiert": [[Datei:atto-pre.png]]
* Markieren Sie im Atto-Editor einen Text oder setzen den Cursor an eine Stelle. Klicken Sie den Button "Absatzformate" [[Datei:atto-absatzformate.png]] und wählen "vorformatiert":  
 
[[Datei:atto-pre.png]]


Alternativ können Sie den HTML-Code manuell anpassen:
Alternativ können Sie den HTML-Code manuell anpassen:
* 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 69: Zeile 72:
WHERE  
WHERE  
     author LIKE '%King%'
     author LIKE '%King%'
&lt;/code&gt;
&lt;/pre&gt;
&lt;/pre&gt;
</pre>
</pre>
Zeile 79: 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 ==  
Zeile 85: Zeile 97:
* Syntax Highlighting steht nicht in Überschriften in Moodle bereit.
* Syntax Highlighting steht nicht in Überschriften in Moodle bereit.
* Der Text wird erst nach dem Speichern hervorgehoben. Die Vorschau im Atto-Editor zeigt die Hervorhebung nicht an.
* Der Text wird erst nach dem Speichern hervorgehoben. Die Vorschau im Atto-Editor zeigt die Hervorhebung nicht an.
* Wenn Sie HTML-Code innerhalb des code oder pre Tags verwenden, wird dieser angezeigt und nicht interpretiert!
* Wenn Sie HTML-Code innerhalb des code oder pre Tags verwenden, wird dieser angezeigt und nicht interpretiert! Beachten Sie bitte, dass Sie keine Lückentexte oder Auswahlfelder in Moodle-Tests innerhalb von Quellcode verwenden sollten.
* Das Menü wird auf mobilen Geräten ohne Mauszeiger (Hover) nicht angezeigt.
* Das Menü wird auf mobilen Geräten ohne Mauszeiger (Hover) nicht angezeigt.
* Das Syntax Highlighting funktioniert leider nicht im Moodle-Kachelformat.
* Das Syntax Highlighting funktioniert leider nicht im Moodle-Kachelformat.
* Passen Sie bitte auf, wenn Sie Inhalte in <nowiki><pre></nowiki>-Tags (Formatvorlage "vorformatierter Text") einfügen. Diese werden als Quellcode interpretiert. Falls Sie z.B. den Fragetyp "Lückentext" (CLOZE) in Moodle-Tests einsetzen, könnten Anzeigeprobleme bei der gleichzeitigen Verwendung des Syntax Highlightings auftreten, wenn die Frage in <nowiki><pre></nowiki>-Tags eingebettet ist, die die Beantwortung der Fragen unmöglich machen. Testen Sie bitte Ihre Moodle-Tests in einer Vorschau, wenn Sie Syntax Highlighting nutzen.


[[Kategorie:Lehren_Moodle]]
[[Kategorie:Lehren_Moodle]]
[[Kategorie:Moodle]]
[[Kategorie:Moodle]]
30

Bearbeitungen

Navigationsmenü