Wiki-Quellcode von 02 Externe HTML-Editoren

Zuletzt geändert von Carina Enke am 12.02.2024

Zeige letzte Bearbeiter
1 {{layout}}
2 {{layout-section ac:type="two_right_sidebar"}}
3 {{layout-cell}}
4 Neben der Verwendung des eingebauten Editors, können Sie Ihre Inhalte auch mit** externen Werkzeugen** erstellen und in die Lernplattform einbinden.
5
6 Für die Verwendung von interaktiven HTML-Seiten, die mit externen Editoren erstellt wurden, finden Sie auf dieser Seite einige wichtige Hinweise.
7 {{/layout-cell}}
8
9 {{layout-cell}}
10
11 {{/layout-cell}}
12 {{/layout-section}}
13
14 {{layout-section ac:type="single"}}
15 {{layout-cell}}
16 == ==
17
18
19 == Öffnen von HTML-Seiten mit dem eingebauten Texteditor ==
20
21
22
23 (% style="color:#333333" %)Wenn Sie Ihre HTML-Seite mit einem externen Editor erstellt haben, öffnen und speichern Sie diese **__nicht__ **mit dem eingebauten Texteditor. Es können dabei ggf. Teile der Formatierung sowie interaktive Funktionen verloren gehen.
24
25 (% style="color:#333333" %)Die Lernplattform zeigt Ihnen folgende Information an, sobald Sie eine solche HTML-Seite bearbeiten möchten.
26
27
28 [[image:attach:Kursrun - Warnmeldung Editor_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
29
30 == ==
31
32
33
34 == Verlinkungen ==
35
36
37
38 Alle Links öffnen sich standardmäßig im **gleichen Fenster bzw. Browser-Tab**. Dabei wird der verlinkte Inhalt auch auf der **gesamten Seite angezeigt** und nicht nur im Inhaltsbereich der Kursstartseite bzw. des Kursbausteins. Wenn Sie dieses Verhalten ändern möchten, müssen Sie folgende Anpassungen an Ihren Links im HTML-Code vornehmen:
39
40 {{code language="xml" title="Links in einem neuen Fenster bzw. Browser-Tab öffnen"}}
41 <a data-cke-saved-href="..." href="..." target="_blank" title="...">Mein Link</a>
42 {{/code}}
43
44 {{code language="xml" title="Links innerhalb der HTML-Seite (iframe) öffnen"}}
45 <a data-cke-saved-href="..." href="..." target="_self" title="...">Mein Link</a>
46 {{/code}}
47 {{/layout-cell}}
48 {{/layout-section}}
49
50 {{layout-section ac:type="single"}}
51 {{layout-cell}}
52 {{info}}
53 Weitere Informationen zum Attribut **target **für Links finden Sie bei [[W3Schools>>url:https://www.w3schools.com/html/html_links.asp||shape="rect"]].
54 {{/info}}
55 {{/layout-cell}}
56 {{/layout-section}}
57 {{/layout}}