30
Bearbeitungen
Syntax Highlighting: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Hinweis zur Wahl der Probrammiersprache
(Hinweis zur Wahl der Probrammiersprache) |
|||
| (4 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. | ||
| 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 | * 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: | ||
<pre> | <pre> | ||
<code> | |||
SELECT | SELECT | ||
title | title | ||
| Zeile 71: | Zeile 72: | ||
WHERE | WHERE | ||
author LIKE '%King%' | author LIKE '%King%' | ||
</code> | |||
</pre> | </pre> | ||
</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><code data-enlighter-language="html"> | |||
Hier steht dann der Code | |||
<code> | |||
</code> | |||
== Einschränkungen und Hinweise == | == Einschränkungen und Hinweise == | ||
| Zeile 90: | Zeile 100: | ||
* 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 <pre>-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 <pre>-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. | * 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]] | ||