Zum Inhalt springen

Änderungen von Dokument 06 Formeln einbinden

Zuletzt geändert von Carina Enke am 12.08.2024
Von Version 299.1
bearbeitet von Carina Enke
am 12.08.2024
Änderungskommentar: Neues Bild Editor - Formeldialog_Formeleditor_de.png hochladen
Auf Version 277.1
bearbeitet von Carina Enke
am 19.12.2023
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -06 Formeln einbinden
1 +Formeln einbinden
Übergeordnete Seite
... ... @@ -1,1 +1,1 @@
1 -ONYX.Erstellung von Testinhalten.Aufgaben.WebHome
1 +ONYX.ONYX Editor.Aufgaben.WebHome
Inhalt
... ... @@ -1,187 +2,515 @@
1 -Live:  [[https:~~/~~/help.bps-system.de/wiki/bin/view/ONYX/Erstellung%20von%20Testinhalten/Aufgaben/Formeln%20einbinden/>>https://help.bps-system.de/wiki/bin/view/ONYX/Erstellung%20von%20Testinhalten/Aufgaben/Formeln%20einbinden/]]
2 2  
3 -{{section}}
4 -{{column width="60%"}}
5 -ONYX bietet die Möglichkeit zur Integration von Formeln. Formeln können mit Hilfe eines integrierten Formeleditors oder alternativ in LaTeX-Schreibweise angegeben werden. Für die optimale Darstellung in verschiedenen Browsern nutzt ONYX das etablierte [[MathJax>>url:http://www.mathjax.org/||shape="rect"]]-Framework.
2 +{{layout}}
3 +{{layout-section ac:type="single"}}
4 +{{layout-cell}}
5 +\\
6 +{{/layout-cell}}
7 +{{/layout-section}}
6 6  
9 +{{layout-section ac:type="two_right_sidebar"}}
10 +{{layout-cell}}
11 +ONYX bietet die Möglichkeit zur Integration von Formeln. Formeln können durch den Autor in MathML- oder LaTeX-Schreibweise eingegeben werden. ONYX nutzt das etablierte [[MathJax>>url:http://www.mathjax.org/||shape="rect"]]-Framework zur optimalen Darstellung Ihrer Formeln in allen Browseransichten.
7 7  
13 +Wünschen Sie einen Formeleditor zur einfachen Zusammenstellung Ihrer Formeln mit automatischer Umwandlung in die Auszeichnungssprache LaTeX, stehen im Internet zahlreiche LaTeX-Formeleditoren zur Verfügung. Eine einfache Bedienung trotz umfangreicher Funktionalität bietet (% class="sv-pt-link confluence-link" %)[[MyScript Math>>url:https://webdemo.myscript.com/views/math/index.html||shape="rect" class="external-link"]](%%) oder die LaTeX-Formeleditoren von (% class="sv-pt-link confluence-link" %)[[Matheretter>>url:https://www.matheretter.de/rechner/latex||shape="rect" class="external-link"]](%%) und (% class="sv-pt-link confluence-link" %)[[Zahlenkern>>url:https://www.zahlen-kern.de/editor/||shape="rect" class="external-link"]](%%).
14 +
8 8  [[image:attach:Beispiel - Formel_de.png]]
9 -{{/column}}
16 +{{/layout-cell}}
10 10  
11 -{{column width="30%"}}
12 -{{panel title="Inhalt"}}
13 -{{toc start="2" depth="2"/}}
18 +{{layout-cell}}
19 +{{scroll-ignore}}
20 +{{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}
14 14  
15 -**Verwandte Themen**
16 16  
17 -* [[Anzeige einer Platzhaltergrafik>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome||anchor="HSystemeinstellungen"]]
18 -* (% class="confluence-link sv-pt-link" %)[[LaTeX-Hilfe: LaTeX-Kompendium für Mathematiker>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
19 -* (% class="confluence-link sv-pt-link" %)[[Formeldarstellung: MathJax>>doc:ONYX.Durchführung von Tests.Testen in OPAL.WebHome]]
23 +{{toc/}}
24 +
25 +**Verwandte Themen**(% class="sv-pt-link confluence-link" %)
26 +
27 +
28 +* (% class="sv-pt-link confluence-link" %)[[LaTeX-Hilfe: LaTeX-Kompendium für Mathematiker>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
29 +* (% class="sv-pt-link confluence-link" %)[[MathML-Hilfe: Offizielle Spezifikation von MathML 3.0>>url:http://www.w3.org/TR/MathML3/||rel="nofollow" shape="rect" class="external text"]]
30 +* (% class="sv-pt-link confluence-link" %)[[Formeldarstellung: MathJax>>doc:Testen in OPAL]]
31 +
32 +(% class="sv-pt-link confluence-link" %)**Externe Formeleditoren**
33 +
34 +* (% class="sv-pt-link confluence-link" %)[[MyScript Math>>url:https://webdemo.myscript.com/views/||shape="rect"]]
35 +* (% class="sv-pt-link confluence-link" %)[[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]
36 +* (% class="sv-pt-link confluence-link" %)[[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]
20 20  {{/panel}}
21 -{{/column}}
22 -{{/section}}
38 +{{/scroll-ignore}}
39 +{{/layout-cell}}
40 +{{/layout-section}}
23 23  
24 -== Formel erstellen ==
42 +{{layout-section ac:type="single"}}
43 +{{layout-cell}}
44 +== Formelerstellung mit LaTeX ==
25 25  
26 -=== Formelerstellung mit dem integrierten Formel-Plugin ===
46 +Der ONYX Editor bietet für alle Autoreneingaben eine LaTeX-Unterstützung. Über den im ONYX Editor integrierten HTML-Editor können Formeln mithilfe der Auszeichnungssprache LaTeX in alle Aufgabenbereiche wie die Aufgabenstellung, Antwortalternativen oder Feedback eingefügt werden. Die Darstellung der Formeln erfolgt mit dem etablierten [[MathJax-Framework>>url:http://www.mathjax.org/||title="Weitere Informationen zu MathJax" shape="rect"]]. Ihre Formel wird dabei automatisch in eine professionell formatierte Formel konvertiert.
47 +{{/layout-cell}}
48 +{{/layout-section}}
27 27  
28 -Um Formeln in eine Aufgabe oder einen Test zu integrieren, steht im ONYX Editor ein Formel-Plugin zur Verfügung. Sie finden diese Funktion im HTML-Editor, beispielsweise im Textfeld zur Eingabe der Aufgabenstellung. Hier können Formeln in einen Dialog mit Hilfe eines Formeleditors oder per LaTeX Notation erstellt werden.
50 +{{layout-section ac:type="single"}}
51 +{{layout-cell}}
52 +\\
53 +{{/layout-cell}}
54 +{{/layout-section}}
29 29  
30 -Um eine Formel in einem Textfeld zu erstellen, gehen Sie wie folgt vor:
56 +{{layout-section ac:type="two_equal"}}
57 +{{layout-cell}}
58 +(% style="text-align: center;" %)
59 +[[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]//Abb.: LaTeX-Eingabe im ONYX Editor//
60 +{{/layout-cell}}
31 31  
32 -|(% style="width:811px" %)(((
62 +{{layout-cell}}
63 +(% style="text-align: center;" %)
64 +[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]//Abb.: Formeldarstellung in der Testdurchführung//
65 +{{/layout-cell}}
66 +{{/layout-section}}
67 +
68 +{{layout-section ac:type="single"}}
69 +{{layout-cell}}
70 +\\
71 +{{/layout-cell}}
72 +{{/layout-section}}
73 +
74 +{{layout-section ac:type="single"}}
75 +{{layout-cell}}
76 +Um Mathematische Formeln in LaTeX darzustellen, muss man lediglich die Formel in seinen Text integrieren. Eine Formel kann wie folgt in einen Text eingebettet werden:
77 +
78 +* (((
79 +\( Formel \)
80 +)))
81 +* \[ Formel \]
82 +* $$ Formel $$
83 +
84 +Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
85 +
86 +{{info}}
87 +Im Internet finden sich umfangreiche Materialien zur Formelerzeugung mit LaTeX. Ausführliche Beispiele finden sich u. a. im [[Wikibook: LaTeX-Kompendium für Mathematiker>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]].
88 +{{/info}}
89 +{{/layout-cell}}
90 +{{/layout-section}}
91 +
92 +{{layout-section ac:type="single"}}
93 +{{layout-cell}}
94 +\\
95 +{{/layout-cell}}
96 +{{/layout-section}}
97 +
98 +{{layout-section ac:type="single"}}
99 +{{layout-cell}}
100 +== Formelerstellung mit dem Formel-Dialog ==
101 +
102 +Neben der Auszeichnungssprache LaTeX können mathematische Formeln und komplexe Ausdrücke auch mit der Mathematical Markup Language (MathML) eingefügt werden. Für eine einfache Eingabe steht für den im ONYX Editor integrierten HTML-Editor ein spezielles Formel-Plugin zur Verfügung.
103 +
104 +=== Eine Formel im Texteditor erstellen ===
105 +
106 +(% class="wrapped" %)
107 +|(% class="numberingColumn" %)(% class="numberingColumn" %)
108 +(((
109 +1
110 +)))|(((
33 33  (% class="content-wrapper" %)
34 34  (((
35 -Klicken Sie im Text-Editor auf das Icon [[image:LMS.Benutzerhandbuch OPAL.Icons.WebHome@Icon_Formel einbinden_schwarz.png||alt="Icon_Formel einbinden.png" data-xwiki-image-style="img-icon" height="20" width="20"]] Formel einfügen.
113 +Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Onyx Icons und Buttons@Icon_Formeleditor.png]].
36 36  )))
37 -)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
115 +)))|(% colspan="2" %)(% colspan="2" %)
38 38  (((
39 39  (% class="content-wrapper" %)
40 40  (((
41 -[[image:attach:Editor - Formeldialog aufrufen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
119 +[[image:attach:Editor - Formeldialog aufrufen_de.png]]
42 42  )))
43 43  )))
44 -|(% style="width:811px" %)(((
122 +|(% class="numberingColumn" %)(% class="numberingColumn" %)
123 +(((
124 +2
125 +)))|(((
45 45  (% class="content-wrapper" %)
46 46  (((
47 -Es öffnet sich ein Dialog. Tragen Sie im Textfeld Ihre Formel per Formeleditor ein.
128 +Geben Sie im Dialog Ihre Formel in das Textfeld in MathML- oder LaTeX-Notation ein. Unterhalb des Eingabefelds wird Ihnen eine Vorschau der angegebenen Formel angezeigt.
129 +)))
48 48  
49 -Alternativ können Sie auch eine virtuellen Tastatur zur Eingabe nutzen. Hier steht Ihnen zusätzlich eine Auswahl typischer Elemente zur Verfügung.
50 -
51 51  Fügen Sie die Formel mit Klick auf den Button **Fertig** in den Testinhalt ein.
52 -)))
53 -)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
132 +)))|(% colspan="2" %)(% colspan="2" %)
54 54  (((
55 - [[image:Editor - Formeldialog_Formeleditor_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
134 +(% class="content-wrapper" %)
135 +(((
136 +[[image:attach:Editor - Formeldialog_de.png]]
56 56  )))
57 -|(% style="width:811px" %)(((
58 -Eine weitere Möglichkeit ist der Wechsel im Dialog zum Reiter **LaTeX. **Hier ist die Eingabe der Formel per LaTeX-Notation möglich.
59 -
60 -Hier fügen Sie die Formel ebenfalls mit Klick auf den Button **Fertig** in den Testinhalt ein.
61 -
62 -
63 -)))|(% colspan="2" style="width:540px" %)[[image:attach:Editor - Formeldialog_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
64 -|(% style="width:811px" %)(((
138 +)))
139 +|(% class="numberingColumn" %)(% class="numberingColumn" %)
140 +(((
141 +3
142 +)))|(((
65 65  (% class="content-wrapper" %)
66 66  (((
67 -Im Textfeld wird die Formel anschließend in LaTeX-Notation oder als **Platzhalter **angezeigt.
145 +Im Textfeld wird die Formel anschließend in LaTeX-Notation angezeigt.
68 68  
69 -Diese Standardkonfiguration können Sie bei Bedarf in Ihren [[ONYX-Benutzereinstellungen>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome]] ändern.
147 +Diese Standardkonfiguration können Sie bei Bedarf in Ihren ONYX-Benutzereinstellungen ändern und eine Platzhalter-Grafik stellvertretend anzeigen lassen.
70 70  )))
71 -)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
149 +)))|(% colspan="2" %)(% colspan="2" %)
72 72  (((
73 73  (% class="content-wrapper" %)
74 74  (((
75 -[[image:attach:Editor - Formeldarstellung_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
76 -
77 -[[image:Editor - Formeldarstellung Platzhalter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
153 +[[image:attach:Editor - Formeldarstellung_de.png]]
78 78  )))
79 79  )))
80 -|(% colspan="1" style="width:811px" %)(% colspan="1" %)
156 +|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
81 81  (((
158 +4
159 +)))|(% colspan="1" %)(% colspan="1" %)
160 +(((
82 82  In der Vorschau der Aufgabe und später in der Nutzeransicht wird die Formel analog zur Formelvorschau angezeigt.
83 -)))|(% colspan="2" style="width:540px" %)(% colspan="2" %)
162 +)))|(% colspan="2" %)(% colspan="2" %)
84 84  (((
164 +(% class="content-wrapper" %)
85 85  (((
86 -[[image:attach:Player - Anzeige einer Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
166 +[[image:attach:Player - Anzeige einer Formel_de.png]]
87 87  )))
88 88  )))
89 89  
90 -=== Formelerstellung mit LaTeX ===
170 +{{info}}
171 +Im Internet finden sich umfangreiche Materialien zur Formelerzeugung mit MathML. Eine ausführliche Beschreibung bietet die [[Offizielle Spezifikation von MathML 3.0>>url:http://www.w3.org/TR/MathML3/||rel="nofollow" shape="rect" class="external text"]] (in Englisch).
172 +{{/info}}
173 +{{/layout-cell}}
174 +{{/layout-section}}
91 91  
92 -Der ONYX Editor bietet für Autoreneingaben eine LaTeX-Unterstützung. Über den im ONYX Editor integrierten HTML-Editor können Formeln mithilfe der Auszeichnungssprache LaTeX in alle Aufgabenbereiche wie die Aufgabenstellung, Antwortalternativen oder Feedback eingefügt werden. Die Darstellung der Formeln erfolgt mit dem etablierten [[MathJax-Framework>>url:http://www.mathjax.org/||shape="rect" title="Weitere Informationen zu MathJax"]]. Ihre Formel wird dabei automatisch in eine professionell formatierte Formel konvertiert.
176 +{{layout-section ac:type="single"}}
177 +{{layout-cell}}
178 +\\
179 +{{/layout-cell}}
180 +{{/layout-section}}
93 93  
94 -{{section height="300"}}
95 -{{column}}
96 -[[image:attach:Editor - Aufgabenstellung mit Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="200" width="492"]]
97 -//Abb.: LaTeX-Eingabe im ONYX Editor//
98 -{{/column}}
182 +{{layout-section ac:type="single"}}
183 +{{layout-cell}}{{/layout-cell}}
184 +{{/layout-section}}
99 99  
100 -{{column}}
101 -[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="200" width="545"]]
102 -//Abb.: Formeldarstellung in der Testdurchführung//
103 -{{/column}}
104 -{{/section}}
186 +{{layout-section ac:type="single"}}
187 +{{layout-cell}}
188 +\\
189 +{{/layout-cell}}
190 +{{/layout-section}}
105 105  
192 +{{layout-section ac:type="single"}}
193 +{{layout-cell}}
194 +== Formelerstellung mit einem Formeleditor ==
106 106  
107 -Um Mathematische Formeln in LaTeX darzustellen, muss man lediglich die Formel in seinen Text integrieren. Eine Formel kann wie folgt in einen Text eingebettet werden:
196 +Im Internet finden Sie zahlreiche LaTeX-Formeleditoren, welche eine Unterstützung zur Erstellung von LaTeX-Formeln bieten.
108 108  
109 -* \( Formel \)
110 -* \[ Formel \]
111 -* $$ Formel $$
198 +Eine einfache Bedienung bietet die Webseite [[MyScript>>url:https://webdemo.myscript.com/||shape="rect"]]. Schreiben Sie die gewünschte Formel mittels Maus oder Eingabestift in die Freifläche. Der Formeleditor übersetzt die dargestellte Formel in LaTeX-Schreibweise und zeigt, wenn zur Formel passend, auch einen Graph der erstellten Funktion an.
112 112  
113 -{{warning}}
114 -Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.
115 -{{/warning}}
200 +[[image:attach:MyScript_de.png]]
116 116  
117 -Im Internet finden sich umfangreiche Materialien zur Formelerzeugung mit LaTeX. Ausführliche Beispiele finden sich u. a. im [[Wikibook: LaTeX-Kompendium für Mathematiker>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]].
202 +(% style="text-align: center;" %)
203 +//Abb.: Formel-Eingabe mit MyScript
204 +//
118 118  
206 +Im oberen rechten Seitenbereich wird die LaTeX-Notation zur eingegebenen Formel angezeigt. Diese können Sie markieren, kopieren und anschließend in die ONYX-HTML-Eingabefelder einfügen.
119 119  
120 -== Formeldarstellung ==
208 +\\
121 121  
122 -=== Formeldarstellung im ONYX-Editor ===
210 +Mit dem Editor von (% class="sv-pt-link confluence-link" %)[[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]] oder dem [[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]] (%%)können Sie Formeln durch vorgefertigte, grafische Formelsymbole zusammenstellen und diese anpassen. Die Formeleditoren übersetzen die dargestellte Formel ebenfalls in LaTeX-Schreibweise, die anschließend in die ONYX-HTML-Eingabefelder eingefügt werden kann.
211 +{{/layout-cell}}
212 +{{/layout-section}}
123 123  
124 -In der Bearbeitungsansicht wird eine Formel entsprechend der Benutzereinstellung als **Platzhalter oder in **LaTeX-Notation angezeigt. Diese Einstellung ist in Ihren [[ONYX-Benutzereinstellungen>>doc:ONYX.Anmeldung.Benutzerprofil.WebHome]] änderbar.
214 +{{layout-section ac:type="single"}}
215 +{{layout-cell}}
216 +\\
217 +{{/layout-cell}}
218 +{{/layout-section}}
125 125  
126 -{{section height="300"}}
127 -{{column width="50%"}}
128 -[[image:Editor - Formeldarstellung Platzhalter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="160" width="480"]]
129 -//Abb.: Formel-Anzeige im ONYX-Editor als Platzhalter//
130 -{{/column}}
220 +{{layout-section ac:type="two_equal"}}
221 +{{layout-cell}}
222 +(% style="text-align: center;" %)
223 +[[image:attach:Matheretter_de.png]]//Abb.: Formel-Eingabe im Matheretter LaTeX-Assisstent//
224 +{{/layout-cell}}
131 131  
132 -{{column width="50%"}}
133 -[[image:attach:Editor - Formeldarstellung_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="160" width="540"]]
134 -//Abb.: Formel-Anzeige im ONYX-Player//
135 -{{/column}}
136 -{{/section}}
226 +{{layout-cell}}
227 +(% style="text-align: center;" %)
228 +[[image:attach:LaTeX-Formeleditor_de.png]]//Abb.: Formel-Eingabe im Zahlenkern LaTeX-Formeleditor//
229 +{{/layout-cell}}
230 +{{/layout-section}}
137 137  
232 +{{layout-section ac:type="single"}}
233 +{{layout-cell}}
234 +\\
235 +{{/layout-cell}}
236 +{{/layout-section}}
138 138  
238 +{{layout-section ac:type="single"}}
239 +{{layout-cell}}
240 +== Formelbeispiele ==
139 139  
140 -=== Formeldarstellung im ONYX-Player ===
242 +ONYX verwendet das Framework MathJax zur Formeldarstellung. Auf den Demo-Seiten von [[MathJax>>url:http://www.mathjax.org/||shape="rect"]] finden Sie verschiedene [[Beispiele zur Formeleingabe>>url:http://www.mathjax.org/demos/||title="Zur MathJax Demo-Seite" shape="rect"]].
243 +{{/layout-cell}}
244 +{{/layout-section}}
141 141  
142 -ONYX verwendet das Framework MathJax zur Formeldarstellung in der Testausführung. Auf den Demo-Seiten von [[MathJax>>url:http://www.mathjax.org/||shape="rect"]] finden Sie verschiedene Beispiele zur Formeleingabe.
246 +{{layout-section ac:type="single"}}
247 +{{layout-cell}}
248 +[[image:attach:Beispiel - Formel in einer Zeile_de.png]]
143 143  
144 -{{section height="300"}}
145 -{{column width="50%"}}
146 - [[image:Editor - Formeldarstellung Beispiel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="628"]]
147 -//Abb.: Formel-Eingabe im ONYX-Editor//
148 -{{/column}}
250 +(% style="text-align: center;" %)
251 +//Abb.: Beispiel für die Formeldarstellung innerhalb einer Zeile//
149 149  
150 -{{column width="50%"}}
151 -[[image:Player - Formeldarstellung Beispiel_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="318"]]
152 -//Abb.: Formel-Anzeige im ONYX-Player//
153 -{{/column}}
154 -{{/section}}
253 +[[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
155 155  
255 +(% style="text-align: center;" %)
256 +//Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//
257 +{{/layout-cell}}
258 +{{/layout-section}}
259 +{{/layout}}
260 +{{/sv-translation}}
156 156  
262 +{{sv-translation language="en"}}
263 +{{layout}}
264 +{{layout-section ac:type="two_right_sidebar"}}
265 +{{layout-cell}}
266 +ONYX offers authors the possibility to integrate formulas in MathML or LaTeX notation. ONYX uses the established [[MathJax>>url:http://www.mathjax.org/||shape="rect"]] framework for optimal presentation of your formulas in all browser views.
157 157  
158 -== Weitere externe Formeleditoren ==
268 +For an easy creation and automatic conversion of your formulas into the LaTeX markup language, several LaTeX formula editors can be downloaded from the internet. For example, [[MyScript Math>>url:https://webdemo.myscript.com/views/math/index.html||shape="rect"]] or the Latex formula editors by [[Matheretter >>url:https://www.matheretter.de/rechner/latex||shape="rect"]]and [[Zahlenkern>>url:https://www.zahlen-kern.de/editor/||shape="rect"]] offer extensive functionality and simple operation at the same time.
159 159  
160 -Formeln können auch mit anderen externen Formeleditoren erstellt und umgewandelt in die Auszeichnungssprache LaTeX in ONYX genutzt werden. Es stehen dafür im Internet zahlreiche LaTeX-Formeleditoren zur Verfügung. Eine einfache Bedienung trotz umfangreicher Funktionalität bieten [[MyScript Math>>url:https://webdemo.myscript.com/views/math/index.html]] oder die LaTeX-Formeleditoren von [[Matheretter>>url:https://www.matheretter.de/rechner/latex]] und [[Zahlenkern>>url:https://www.zahlen-kern.de/editor/]].
270 +[[image:attach:Beispiel - Formel_de.png]]
271 +{{/layout-cell}}
161 161  
273 +{{layout-cell}}
274 +{{scroll-ignore}}
275 +{{panel title="Content"}}
162 162  
163 -=== MySkript ===
164 164  
165 -Eine einfache Bedienung bietet die Webseite [[MyScript>>url:https://webdemo.myscript.com/||shape="rect"]]. Schreiben Sie die gewünschte Formel mittels Maus oder Eingabestift in die Freifläche. Der Formeleditor übersetzt die dargestellte Formel in LaTeX-Schreibweise und zeigt, wenn zur Formel passend, auch einen Graph der erstellten Funktion an.
166 -Im oberen rechten Seitenbereich wird die LaTeX-Notation zur eingegebenen Formel angezeigt. Diese können Sie markieren, kopieren und anschließend in die ONYX-HTML-Eingabefelder einfügen.
278 +{{toc/}}
167 167  
168 -[[image:attach:MyScript_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="220" width="367"]]
169 -//Abb.: Formel-Eingabe mit MyScript//
280 +**Related topics**
170 170  
282 +* [[LaTeX help: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]
283 +* [[MathML help: Official MathML 3.0 specification>>url:https://www.w3.org/TR/MathML3/||shape="rect"]]
284 +* [[Formula presentation: MathJax>>url:https://www.bps-system.de/help/display/ONYXintern/Testen+in+OPAL||shape="rect"]]
171 171  
286 +**External formula editors**
172 172  
173 -=== Matheretter und Zahlenkern ===
288 +* [[MyScript Math>>url:https://webdemo.myscript.com/||shape="rect"]]
289 +* [[Matheretter Latex assistant>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]
290 +* [[Zahlenkern Latex formula editor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]
291 +{{/panel}}
292 +{{/scroll-ignore}}
293 +{{/layout-cell}}
294 +{{/layout-section}}
174 174  
175 -Mit dem Editor von [[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]] oder dem [[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]] können Sie Formeln durch vorgefertigte, grafische Formelsymbole zusammenstellen und diese anpassen. Die Formeleditoren übersetzen die dargestellte Formel ebenfalls in LaTeX-Schreibweise, die anschließend in die ONYX-HTML-Eingabefelder eingefügt werden kann.
296 +{{layout-section ac:type="single"}}
297 +{{layout-cell}}
298 +== Creating formulas with LaTeX ==
176 176  
177 -{{section height="300"}}
178 -{{column width="50%"}}
179 -[[image:attach:Matheretter_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="474"]]
180 -//Abb.: Formel-Eingabe im Matheretter LaTeX-Assisstent//
181 -{{/column}}
300 +The ONYX Editor provides LaTeX support for all author inputs. Via the HTML editor, which is part of the ONYX Editor, you can integrate formulas into all question areas such as the question text, alternative answer options, or feedback, using the LaTeX markup language. The formula display is done with the established [[MathJax Framework>>url:http://www.mathjax.org/||shape="rect"]], and your formula is automatically converted to a professionally formatted formula.
301 +{{/layout-cell}}
302 +{{/layout-section}}
182 182  
183 -{{column width="50%"}}
184 -[[image:attach:LaTeX-Formeleditor_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="300" width="346"]]
185 -//Abb.: Formel-Eingabe im Zahlenkern LaTeX-Formeleditor//
186 -{{/column}}
187 -{{/section}}
304 +{{layout-section ac:type="single"}}
305 +{{layout-cell}}
306 +\\
307 +{{/layout-cell}}
308 +{{/layout-section}}
309 +
310 +{{layout-section ac:type="single"}}
311 +{{layout-cell}}
312 +(% class="wrapped" %)
313 +|(((
314 +(% class="content-wrapper" %)
315 +(((
316 +[[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]
317 +
318 +(% style="text-align: center;" %)
319 +//Fig.: LaTeX input in the ONYX Editor//
320 +)))
321 +)))|(((
322 +(% class="content-wrapper" %)
323 +(((
324 +[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]
325 +
326 +(% style="text-align: center;" %)
327 +//Fig.: Formula display in a test situation//
328 +)))
329 +)))
330 +{{/layout-cell}}
331 +{{/layout-section}}
332 +
333 +{{layout-section ac:type="single"}}
334 +{{layout-cell}}
335 +\\
336 +{{/layout-cell}}
337 +{{/layout-section}}
338 +
339 +{{layout-section ac:type="single"}}
340 +{{layout-cell}}
341 +In order to display mathematical formulas in LaTeX, you just need to integrate the formula into your text. This can be done as follows:
342 +
343 +* \( Formula \)
344 +* \[ Formula \]
345 +* $$ Formula $$
346 +
347 +The $Formula$ LaTeX syntax is not supported in ONYX.
348 +
349 +{{info}}
350 +You can find extensive material on how to generate formulas with LaTeX on the internet. For example, detailed examples are provided in the [[Wikibook: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]] (in German).
351 +{{/info}}
352 +{{/layout-cell}}
353 +{{/layout-section}}
354 +
355 +{{layout-section ac:type="single"}}
356 +{{layout-cell}}
357 +\\
358 +{{/layout-cell}}
359 +{{/layout-section}}
360 +
361 +{{layout-section ac:type="single"}}
362 +{{layout-cell}}
363 +== Creating formulas with the formula dialogue ==
364 +
365 +Apart from the markup language LaTeX, mathematical formulas and complex expressions can also be integrated using the Mathematical Markup Language (MathML). For easy input, a special formula plugin is also available for the ONYX Editor's integrated HTML editor.
366 +
367 +=== Create a formula in the text editor ===
368 +
369 +(% class="wrapped" %)
370 +|(% class="numberingColumn" %)(% class="numberingColumn" %)
371 +(((
372 +1
373 +)))|(((
374 +(% class="content-wrapper" %)
375 +(((
376 +Select the formula option [[image:attach:Icon_Formeleditor.png]]in the text editor.
377 +)))
378 +)))|(((
379 +(% class="content-wrapper" %)
380 +(((
381 +[[image:attach:Editor - Formeldialog aufrufen_de.png]]
382 +)))
383 +)))
384 +|(% class="numberingColumn" %)(% class="numberingColumn" %)
385 +(((
386 +2
387 +)))|(% colspan="1" %)(% colspan="1" %)
388 +(((
389 +In the dialogue, enter your formula in the text field in MathML or LaTeX notation. Below the input field, you will be given a preview of the formula.
390 +
391 +Click on **Finish **to insert the formula into the test content.
392 +)))|(% colspan="1" %)(% colspan="1" %)
393 +(((
394 +(% class="content-wrapper" %)
395 +(((
396 +[[image:attach:Editor - Formeldialog_de.png]]
397 +)))
398 +)))
399 +|(% class="numberingColumn" %)(% class="numberingColumn" %)
400 +(((
401 +3
402 +)))|(((
403 +The formula is then displayed in LaTeX notation in the text field.
404 +
405 +If necessary, you can change this default configuration in your ONYX user settings and display a placeholder image instead.
406 +)))|(((
407 +(% class="content-wrapper" %)
408 +(((
409 +[[image:attach:Editor - Formeldarstellung_de.png]]
410 +)))
411 +)))
412 +|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
413 +(((
414 +4
415 +)))|(% colspan="1" %)(% colspan="1" %)
416 +(((
417 +In the question preview and later in the user view, the formula is displayed the same way as in the formula preview.
418 +)))|(% colspan="1" %)(% colspan="1" %)
419 +(((
420 +(% class="content-wrapper" %)
421 +(((
422 +[[image:attach:Player - Anzeige einer Formel_de.png]]
423 +)))
424 +)))
425 +
426 +{{info}}
427 +You can find extensive material on how to generate formulas with MathML on the internet. For example, a detailed description is provided in the [[Official MathML 3.0 Specification>>url:https://www.w3.org/TR/MathML3/||shape="rect"]].
428 +{{/info}}
429 +{{/layout-cell}}
430 +{{/layout-section}}
431 +
432 +{{layout-section ac:type="single"}}
433 +{{layout-cell}}
434 +\\
435 +{{/layout-cell}}
436 +{{/layout-section}}
437 +
438 +{{layout-section ac:type="single"}}
439 +{{layout-cell}}{{/layout-cell}}
440 +{{/layout-section}}
441 +
442 +{{layout-section ac:type="single"}}
443 +{{layout-cell}}
444 +\\
445 +{{/layout-cell}}
446 +{{/layout-section}}
447 +
448 +{{layout-section ac:type="single"}}
449 +{{layout-cell}}
450 +== Creating formulas with a formula editor ==
451 +
452 +You can find numerous LaTeX formula editors on the internet to assist you in creating LaTeX formulas.
453 +
454 +For example, the [[MyScript >>url:https://webdemo.myscript.com/||shape="rect"]]website offers simple operation. Just write the desired formula in the free area using your mouse or stylus. The formula editor then translates the displayed formula into LaTeX notation and, if appropriate to the formula, also shows a graph of the created function.
455 +
456 +(% style="text-align: center;" %)
457 +[[image:attach:MyScript_de.png]]//Fig.: Formula input with MyScript//
458 +
459 +The LaTeX notation for the entered formula is displayed in the top right page area. You can mark it, copy it and then paste it into the ONYX HTML input fields.
460 +
461 +\\
462 +
463 +With the editor of the [[Matheretter LaTeX assistant>>url:https://www.matheretter.de/rechner/latex||shape="rect"]] or the [[Zahlenkern LaTeX formula editor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]], you can create formulas using ready-made, graphic formula symbols and adapt them. The formula editors also translate the displayed formula into LaTeX notation, which can then be inserted into the ONYX HTML input fields.
464 +{{/layout-cell}}
465 +{{/layout-section}}
466 +
467 +{{layout-section ac:type="single"}}
468 +{{layout-cell}}
469 +\\
470 +{{/layout-cell}}
471 +{{/layout-section}}
472 +
473 +{{layout-section ac:type="two_equal"}}
474 +{{layout-cell}}
475 +[[image:attach:Matheretter_de.png]]
476 +
477 +(% style="text-align: center;" %)
478 +//Fig.: Formula input in the Matheretter LaTeX assistant//
479 +{{/layout-cell}}
480 +
481 +{{layout-cell}}
482 +[[image:attach:LaTeX-Formeleditor_de.png]]
483 +
484 +(% style="text-align: center;" %)
485 +//Fig.: Formula input in the Zahlenkern LaTeX formula editor//
486 +{{/layout-cell}}
487 +{{/layout-section}}
488 +
489 +{{layout-section ac:type="single"}}
490 +{{layout-cell}}
491 +\\
492 +{{/layout-cell}}
493 +{{/layout-section}}
494 +
495 +{{layout-section ac:type="single"}}
496 +{{layout-cell}}
497 +== Formula examples ==
498 +
499 +ONYX uses the MathJax framework to display formulas. On the [[MathJax>>url:https://www.mathjax.org/||shape="rect"]] demo pages, you can find several [[examples on how to insert formulas>>url:https://www.mathjax.org/||shape="rect"]].
500 +{{/layout-cell}}
501 +{{/layout-section}}
502 +
503 +{{layout-section ac:type="single"}}
504 +{{layout-cell}}
505 +[[image:attach:Beispiel - Formel in einer Zeile_de.png]]//Fig.: Example of an inline formula//
506 +
507 +(% style="text-align: center;" %)
508 +[[image:attach:Beispiel - Formel in eigener Zeile_de.png]]
509 +
510 +(% style="text-align: center;" %)
511 +//Fig.: Example of a formula centred on a separate line//
512 +{{/layout-cell}}
513 +{{/layout-section}}
514 +{{/layout}}
515 +{{/sv-translation}}
Editor - Formeldarstellung Beispiel_de.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.carina
Größe
... ... @@ -1,1 +1,0 @@
1 -38.1 KB
Inhalt
Editor - Formeldarstellung Platzhalter_de.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.carina
Größe
... ... @@ -1,1 +1,0 @@
1 -9.2 KB
Inhalt
Editor - Formeldarstellung_de.png
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,1 +1,1 @@
1 -9.5 KB
1 +9.7 KB
Inhalt
Editor - Formeldialog aufrufen_de.png
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,1 +1,1 @@
1 -29.2 KB
1 +23.1 KB
Inhalt
Editor - Formeldialog_Formeleditor_de.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.carina
Größe
... ... @@ -1,1 +1,0 @@
1 -8.3 KB
Inhalt
Editor - Formeldialog_de.png
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,1 +1,1 @@
1 -39.9 KB
1 +12.4 KB
Inhalt
Icon_Formel einbinden_schwarz.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.carina
Größe
... ... @@ -1,1 +1,0 @@
1 -1.0 KB
Inhalt
Player - Anzeige einer Formel_de.png
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.carina
1 +XWiki.XWikiGuest
Größe
... ... @@ -1,1 +1,1 @@
1 -4.2 KB
1 +6.9 KB
Inhalt
Player - Formeldarstellung Beispiel_de.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.carina
Größe
... ... @@ -1,1 +1,0 @@
1 -11.7 KB
Inhalt