Formeln einbinden

\\

6

7

8

(% class="wrapped" %)

|=(((

Verantwortlicher

)))|(((

\\

)))

|=(% colspan="1" %)(% colspan="1" %)

15

(((

16

Status

17

)))|(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)(% class="highlight-yellow" colspan="1" data-highlight-colour="yellow" %)

18

(((

19

(% class="content-wrapper" %)

(((

)))

)))

|=(% colspan="1" %)(% colspan="1" %)

27

(((

28

Varianten

29

)))|(% colspan="1" %)(% colspan="1" %)

30

(((

31

(% class="content-wrapper" %)

(((

)))

)))

|=(% colspan="1" %)(% colspan="1" %)

37

(((

38

Attribute

39

)))|(% colspan="1" %)(% colspan="1" %)

40

(((

41

(% class="content-wrapper" %)

(((

)))

)))

|=(% colspan="1" %)(% colspan="1" %)

47

(((

48

Pagekey

49

)))|(% colspan="1" %)(% colspan="1" %)

50

(((

51

(% class="content-wrapper" %)

(((

)))

)))

|=(% colspan="1" %)(% colspan="1" %)

57

(((

58

Übersetzung

59

)))|(% colspan="1" %)(% colspan="1" %)

60

(((

61

(% class="content-wrapper" %)

(((

Integrate formulas

)))

)))

|=(% colspan="1" %)(% colspan="1" %)

69

(((

70

TODOs

71

)))|(% colspan="1" %)(% colspan="1" %)

72

(((

73

(% class="content-wrapper" %)

74

(((

75

(% class="task-list" %)

76

(((

77

78

carina: Formeleditoren angepasst

(% class="placeholder-inline-tasks placeholder-inline-tasks" %)carina {{mention reference="XWiki.0a49950f5c0f19a8015c101b60e10001" style="FULL_NAME" anchor="XWiki-0a49950f5c0f19a8015c101b60e10001-TEoYo"/}} Update zum Abschnitt "(%%)Formelerstellung mit einem Formeleditor" und Änderungen in den Listen in der Inhaltsbox {{date value="2021-08-31" format="yyyy-MM-dd"/}}

carina: Anpassungen durch neuen Tiny und neuer Benutzereinstellung zru Platzhaltergrafik

carina: {{mention reference="XWiki.0a49950f5c0f19a8015c101b60e10001" style="FULL_NAME" anchor="XWiki-0a49950f5c0f19a8015c101b60e10001-Qidrf"/}} Update wg. Änderung im Dialog zum Einfügen einer Grafik. {{date value="2022-01-31" format="yyyy-MM-dd"/}} (Zum Bearbeiten einer bestehenden gibt es grad noch einen Bug, den teil aktualisiere ich wenn der behoben ist ([[ONYX-9215)>>url:https://www.bps-system.de/devel/browse/ONYX-9215||shape="rect"]]

)))

)))

)))

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.

103

104

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"]](%%).

105

106

[[image:attach:Beispiel - Formel_de.png]]

{{panel borderColor="#ddd" bgColor="#f0f0f0" borderStyle="solid" title="Inhalt"}}

**Verwandte Themen**(% class="sv-pt-link confluence-link" %)

117

118

119

* (% 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"]]

120

* (% 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"]]

121

* (% class="sv-pt-link confluence-link" %)[[Formeldarstellung: MathJax>>doc:Testen in OPAL]]

122

123

(% class="sv-pt-link confluence-link" %)**Externe Formeleditoren**

124

125

* (% class="sv-pt-link confluence-link" %)[[MyScript Math>>url:https://webdemo.myscript.com/views/||shape="rect"]]

126

* (% class="sv-pt-link confluence-link" %)[[Matheretter LaTeX-Assisstent>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]

127

* (% class="sv-pt-link confluence-link" %)[[Zahlenkern LaTeX-Formeleditor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]

== Formelerstellung mit LaTeX ==

136

137

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.

\\

(% style="text-align: center;" %)

150

[[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]//Abb.: LaTeX-Eingabe im ONYX Editor//

(% style="text-align: center;" %)

155

[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]//Abb.: Formeldarstellung in der Testdurchführung//

\\

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:

* (((

$ Formel $

)))

* \[ Formel \]

* $$ Formel $$

Die LaTeX-Syntax $Formel$ wird in ONYX nicht unterstützt.

176

177

178

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"]].

\\

== Formelerstellung mit dem Formel-Dialog ==

192

193

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.

194

195

=== Eine Formel im Texteditor erstellen ===

196

197

(% class="wrapped" %)

198

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

1

)))|(((

(% class="content-wrapper" %)

203

(((

204

Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Onyx Icons und Buttons@Icon_Formeleditor.png]].

205

)))

206

)))|(% colspan="2" %)(% colspan="2" %)

207

(((

208

(% class="content-wrapper" %)

209

(((

210

[[image:attach:Editor - Formeldialog aufrufen_de.png]]

211

)))

212

)))

213

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

2

)))|(((

(% class="content-wrapper" %)

218

(((

219

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.

220

)))

221

222

Fügen Sie die Formel mit Klick auf den Button **Fertig** in den Testinhalt ein.

223

)))|(% colspan="2" %)(% colspan="2" %)

224

(((

225

(% class="content-wrapper" %)

226

(((

227

[[image:attach:Editor - Formeldialog_de.png]]

228

)))

229

)))

230

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

3

)))|(((

(% class="content-wrapper" %)

235

(((

236

Im Textfeld wird die Formel anschließend in LaTeX-Notation angezeigt.

237

238

Diese Standardkonfiguration können Sie bei Bedarf in Ihren ONYX-Benutzereinstellungen ändern und eine Platzhalter-Grafik stellvertretend anzeigen lassen.

239

)))

240

)))|(% colspan="2" %)(% colspan="2" %)

241

(((

242

(% class="content-wrapper" %)

243

(((

244

[[image:attach:Editor - Formeldarstellung_de.png]]

245

)))

246

)))

247

|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)

248

(((

249

4

250

)))|(% colspan="1" %)(% colspan="1" %)

251

(((

252

In der Vorschau der Aufgabe und später in der Nutzeransicht wird die Formel analog zur Formelvorschau angezeigt.

253

)))|(% colspan="2" %)(% colspan="2" %)

254

(((

255

(% class="content-wrapper" %)

256

(((

257

[[image:attach:Player - Anzeige einer Formel_de.png]]

)))

)))

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).

\\

=== Bearbeiten einer bestehenden Formel ===

278

279

Möchten Sie bestehende Formel-Inhalte mit dem Formel-Plugin bearbeiten, dann gehen Sie wie folgt vor:

280

281

(% class="wrapped" %)

|(((

1

)))|(((

(% class="content-wrapper" %)

286

(((

287

Klicken Sie auf den Formel-Platzhalter [[image:attach:Icon_Formel.png]] oder markieren Sie die gesamte Formel in LaTeX-Notation.

288

)))

289

)))|(% rowspan="2" %)(% rowspan="2" %)

290

(((

291

(% class="content-wrapper" %)

292

(((

293

[[image:attach:Editor - Formel bearbeiten_de.png]]

)))

)))

|(((

2

)))|(((

(% class="content-wrapper" %)

300

(((

301

Klicken Sie im Text-Editor auf die Option Formel [[image:attach:Icon_Formeleditor.png]].

)))

)))

|(((

3

)))|(((

Die Formel öffnet sich im Formel-Dialog und Sie können die Formel im Textfeld bearbeiten.

308

)))|(% rowspan="2" %)(% rowspan="2" %)

309

(((

310

(% class="content-wrapper" %)

311

(((

312

[[image:attach:Editor - Dialog Formel eingeben_de.png]]

)))

)))

|(((

4

)))|(% colspan="1" %)(% colspan="1" %)

318

(((

319

Bestätigen Sie Ihre Änderung mit Klick auf den Button **Fertig** am Ende des Dialogs.

)))

\\

== Formelerstellung mit einem Formeleditor ==

335

336

Im Internet finden Sie zahlreiche LaTeX-Formeleditoren, welche eine Unterstützung zur Erstellung von LaTeX-Formeln bieten.

337

338

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.

339

340

[[image:attach:MyScript_de.png]]

341

342

(% style="text-align: center;" %)

343

//Abb.: Formel-Eingabe mit MyScript

344

//

345

346

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.

\\

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.

\\

(% style="text-align: center;" %)

363

[[image:attach:Matheretter_de.png]]//Abb.: Formel-Eingabe im Matheretter LaTeX-Assisstent//

(% style="text-align: center;" %)

368

[[image:attach:LaTeX-Formeleditor_de.png]]//Abb.: Formel-Eingabe im Zahlenkern LaTeX-Formeleditor//

\\

== Formelbeispiele ==

381

382

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"]].

[[image:attach:Beispiel - Formel in einer Zeile_de.png]]

389

390

(% style="text-align: center;" %)

391

//Abb.: Beispiel für die Formeldarstellung innerhalb einer Zeile//

392

393

[[image:attach:Beispiel - Formel in eigener Zeile_de.png]]

394

395

(% style="text-align: center;" %)

396

//Abb.: Beispiel für die zentrierte Formeldarstellung in einer separaten Zeile//

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.

407

408

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.

409

410

[[image:attach:Beispiel - Formel_de.png]]

**Related topics**

* [[LaTeX help: LaTeX compendium for mathematicians>>url:https://de.wikibooks.org/wiki/LaTeX-Kompendium:_F%C3%BCr_Mathematiker||shape="rect"]]

423

* [[MathML help: Official MathML 3.0 specification>>url:https://www.w3.org/TR/MathML3/||shape="rect"]]

424

* [[Formula presentation: MathJax>>url:https://www.bps-system.de/help/display/ONYXintern/Testen+in+OPAL||shape="rect"]]

425

426

**External formula editors**

427

428

* [[MyScript Math>>url:https://webdemo.myscript.com/||shape="rect"]]

429

* [[Matheretter Latex assistant>>url:https://www.matheretter.de/rechner/latex||shape="rect"]]

430

* [[Zahlenkern Latex formula editor>>url:https://www.zahlen-kern.de/editor/||shape="rect"]]

== Creating formulas with LaTeX ==

439

440

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.

\\

(% class="wrapped" %)

453

|(((

454

(% class="content-wrapper" %)

455

(((

456

[[image:attach:Editor - Aufgabenstellung mit Formel_de.png]]

457

458

(% style="text-align: center;" %)

459

//Fig.: LaTeX input in the ONYX Editor//

460

)))

461

)))|(((

462

(% class="content-wrapper" %)

463

(((

464

[[image:attach:Testrun - Aufgabenstellung mit Formel_de.png]]

465

466

(% style="text-align: center;" %)

467

//Fig.: Formula display in a test situation//

)))

)))

\\

In order to display mathematical formulas in LaTeX, you just need to integrate the formula into your text. This can be done as follows:

* $ Formula $

* \[ Formula \]

* $$ Formula $$

The $Formula$ LaTeX syntax is not supported in ONYX.

488

489

490

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).

\\

== Creating formulas with the formula dialogue ==

504

505

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.

506

507

=== Create a formula in the text editor ===

508

509

(% class="wrapped" %)

510

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

1

)))|(((

(% class="content-wrapper" %)

515

(((

516

Select the formula option [[image:attach:Icon_Formeleditor.png]]in the text editor.

517

)))

518

)))|(((

519

(% class="content-wrapper" %)

520

(((

521

[[image:attach:Editor - Formeldialog aufrufen_de.png]]

522

)))

523

)))

524

|(% class="numberingColumn" %)(% class="numberingColumn" %)

525

(((

526

2

527

)))|(% colspan="1" %)(% colspan="1" %)

528

(((

529

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.

530

531

Click on **Finish **to insert the formula into the test content.

532

)))|(% colspan="1" %)(% colspan="1" %)

533

(((

534

(% class="content-wrapper" %)

535

(((

536

[[image:attach:Editor - Formeldialog_de.png]]

537

)))

538

)))

539

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

3

)))|(((

The formula is then displayed in LaTeX notation in the text field.

544

545

If necessary, you can change this default configuration in your ONYX user settings and display a placeholder image instead.

546

)))|(((

547

(% class="content-wrapper" %)

548

(((

549

[[image:attach:Editor - Formeldarstellung_de.png]]

550

)))

551

)))

552

|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)

553

(((

554

4

555

)))|(% colspan="1" %)(% colspan="1" %)

556

(((

557

In the question preview and later in the user view, the formula is displayed the same way as in the formula preview.

558

)))|(% colspan="1" %)(% colspan="1" %)

559

(((

560

(% class="content-wrapper" %)

561

(((

562

[[image:attach:Player - Anzeige einer Formel_de.png]]

)))

)))

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"]].

\\

=== Edit an existing formula ===

583

584

To edit existing formula content with the formula plugin, proceed as follows:

585

586

(% class="wrapped" %)

587

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

1

)))|(((

(% class="content-wrapper" %)

592

(((

593

Click on the formula placeholder [[image:attach:Icon_Formel.png]]or mark the entire formula in LaTeX notation.

594

)))

595

)))|(% rowspan="2" %)(% rowspan="2" %)

596

(((

597

(% class="content-wrapper" %)

598

(((

599

[[image:attach:Editor - Formel bearbeiten_de.png]]

\\

)))

)))

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

2

)))|(((

(% class="content-wrapper" %)

608

(((

609

Select the formula option [[image:attach:Icon_Formeleditor.png]]in the text editor.

610

)))

611

)))

612

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

3

)))|(((

The formula opens in the formula dialogue. Here you can edit the formula in the text field.

617

)))|(% rowspan="2" %)(% rowspan="2" %)

618

(((

619

(% class="content-wrapper" %)

620

(((

621

[[image:attach:Editor - Dialog Formel eingeben_de.png]]

622

)))

623

)))

624

|(% class="numberingColumn" %)(% class="numberingColumn" %)

(((

4

)))|(((

Confirm your changes by clicking on **Finished** at the end of the dialogue.

)))

\\

== Creating formulas with a formula editor ==

644

645

You can find numerous LaTeX formula editors on the internet to assist you in creating LaTeX formulas.

646

647

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.

648

649

(% style="text-align: center;" %)

650

[[image:attach:MyScript_de.png]]//Fig.: Formula input with MyScript//

651

652

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.

\\

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.

\\

[[image:attach:Matheretter_de.png]]

669

670

(% style="text-align: center;" %)

671

//Fig.: Formula input in the Matheretter LaTeX assistant//

[[image:attach:LaTeX-Formeleditor_de.png]]

676

677

(% style="text-align: center;" %)

678

//Fig.: Formula input in the Zahlenkern LaTeX formula editor//

\\

== Formula examples ==

691

692

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"]].

[[image:attach:Beispiel - Formel in einer Zeile_de.png]]//Fig.: Example of an inline formula//

699

700

(% style="text-align: center;" %)

701

[[image:attach:Beispiel - Formel in eigener Zeile_de.png]]