Wiki-Quellcode von Externe HTML-Editoren
Version 417.1 von Carina Enke am 11.04.2023
Zeige letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{sv-translation language="de"}} | ||
| 2 | {{layout}} | ||
| 3 | {{layout-section ac:type="single"}} | ||
| 4 | {{layout-cell}} | ||
| 5 | \\ | ||
| 6 | {{/layout-cell}} | ||
| 7 | {{/layout-section}} | ||
| 8 | |||
| 9 | {{layout-section ac:type="two_right_sidebar"}} | ||
| 10 | {{layout-cell}} | ||
| 11 | Neben der Verwendung des eingebauten Editors, können Sie Ihre Inhalte auch mit** externen Werkzeugen** erstellen und in die Lernplattform einbinden. | ||
| 12 | |||
| 13 | Für die Verwendung von interaktiven HTML-Seiten, die mit externen Editoren erstellt wurden, finden Sie auf dieser Seite einige wichtige Hinweise. | ||
| 14 | {{/layout-cell}} | ||
| 15 | |||
| 16 | {{layout-cell}} | ||
| 17 | {{scroll-ignore}} | ||
| 18 | {{panel title="Inhalt"}} | ||
| 19 | |||
| 20 | |||
| 21 | {{toc minLevel="2"/}} | ||
| 22 | |||
| 23 | **Verwandte Themen** | ||
| 24 | |||
| 25 | * [[Texteditor>>doc:Texteditor]] | ||
| 26 | * [[doc:Kurs]] | ||
| 27 | * [[Kursbaustein Einzelne Seite>>doc:Einzelne Seite]] | ||
| 28 | * [[Kursbaustein Test>>doc:Test]] | ||
| 29 | {{/panel}} | ||
| 30 | {{/scroll-ignore}} | ||
| 31 | {{/layout-cell}} | ||
| 32 | {{/layout-section}} | ||
| 33 | |||
| 34 | {{layout-section ac:type="single"}} | ||
| 35 | {{layout-cell}} | ||
| 36 | == Öffnen von HTML-Seiten mit dem eingebauten Texteditor == | ||
| 37 | |||
| 38 | (% style="color: rgb(51,51,51);" %)Wenn Sie Ihre HTML-Seite(% style="color: rgb(51, 51, 51); color: rgb(51, 51, 51)" %) mit einem externen Editor erstellt haben,(% style="color: rgb(51,51,51);" %) öffnen und speichern Sie diese **__nicht__ **mit dem eingebauten Texteditor. Es können dabei ggf. Teile der Formatierung sowie interaktive Funktionen verloren gehen. | ||
| 39 | |||
| 40 | (% style="color: rgb(51,51,51);" %)Die Lernplattform zeigt Ihnen folgende Information an, sobald Sie eine solche HTML-Seite bearbeiten möchten. | ||
| 41 | |||
| 42 | |||
| 43 | [[image:attach:Kursrun - Warnmeldung Editor_de.png]] | ||
| 44 | |||
| 45 | == Verlinkungen == | ||
| 46 | |||
| 47 | 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: | ||
| 48 | |||
| 49 | {{code language="xml" title="Links in einem neuen Fenster bzw. Browser-Tab öffnen"}} | ||
| 50 | <a href="..." target="_blank" title="...">Mein Link</a> | ||
| 51 | {{/code}} | ||
| 52 | |||
| 53 | {{code language="xml" title="Links innerhalb der HTML-Seite (iframe) öffnen"}} | ||
| 54 | <a href="..." target="_self" title="...">Mein Link</a> | ||
| 55 | {{/code}} | ||
| 56 | {{/layout-cell}} | ||
| 57 | {{/layout-section}} | ||
| 58 | |||
| 59 | {{layout-section ac:type="single"}} | ||
| 60 | {{layout-cell}} | ||
| 61 | \\ | ||
| 62 | {{/layout-cell}} | ||
| 63 | {{/layout-section}} | ||
| 64 | |||
| 65 | {{layout-section ac:type="single"}} | ||
| 66 | {{layout-cell}} | ||
| 67 | {{info}} | ||
| 68 | Weitere Informationen zum Attribut **target **für Links finden Sie bei [[W3Schools>>url:https://www.w3schools.com/html/html_links.asp||shape="rect"]]. | ||
| 69 | {{/info}} | ||
| 70 | {{/layout-cell}} | ||
| 71 | {{/layout-section}} | ||
| 72 | {{/layout}} | ||
| 73 | {{/sv-translation}} | ||
| 74 | |||
| 75 | {{sv-translation language="en"}} | ||
| 76 | {{layout}} | ||
| 77 | {{layout-section ac:type="two_right_sidebar"}} | ||
| 78 | {{layout-cell}} | ||
| 79 | In addition to using the built-in editor, you can also create content with **external tools** and integrate it into the learning platform. | ||
| 80 | |||
| 81 | On this page, you will find some important notes on the use of interactive HTML pages created with external editors. | ||
| 82 | |||
| 83 | \\ | ||
| 84 | {{/layout-cell}} | ||
| 85 | |||
| 86 | {{layout-cell}} | ||
| 87 | {{scroll-ignore}} | ||
| 88 | {{panel title="Content"}} | ||
| 89 | |||
| 90 | |||
| 91 | {{toc minLevel="2"/}} | ||
| 92 | |||
| 93 | (% class="auto-cursor-target" %) | ||
| 94 | **Related topics** | ||
| 95 | |||
| 96 | * [[Text editor>>url:https://www.bps-system.de/help/display/LMSintern/.Texteditor+v13.en||shape="rect"]] | ||
| 97 | * [[Course>>url:https://www.bps-system.de/help/display/LMSintern/.Kurs+v13.en||shape="rect"]] | ||
| 98 | * [[Single page course element>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+v13.en||shape="rect"]] | ||
| 99 | * [[Test course element>>url:https://www.bps-system.de/help/display/LMSintern/.Test+v13.en||shape="rect"]] | ||
| 100 | {{/panel}} | ||
| 101 | {{/scroll-ignore}} | ||
| 102 | {{/layout-cell}} | ||
| 103 | {{/layout-section}} | ||
| 104 | |||
| 105 | {{layout-section ac:type="single"}} | ||
| 106 | {{layout-cell}} | ||
| 107 | == Open HTML pages with the built-in text editor == | ||
| 108 | |||
| 109 | If you created your HTML page with an external editor, do __**not**__ open and save it with the built-in text editor. Otherwise, parts of the formatting and interactive functions may be lost. | ||
| 110 | |||
| 111 | The learning platform will show you the following information if you try to edit such an HTML page. | ||
| 112 | |||
| 113 | [[image:attach:Kursrun - Warnmeldung Editor_en.png]] | ||
| 114 | |||
| 115 | == Links == | ||
| 116 | |||
| 117 | By default, all links open in the **same window or browser tab**. The linked content is also **displayed on the entire page** and not only in the content area of the course home page or the course element. If you wish to change this behaviour, you need to make the following adjustments to your links in the HTML code: | ||
| 118 | |||
| 119 | {{code language="xml" title="Open links in a new window or browser tab"}} | ||
| 120 | <a href="..." target="_blank" title="...">My link</a> | ||
| 121 | {{/code}} | ||
| 122 | |||
| 123 | {{code language="xml" title="Open links within the HTML page (iframe)"}} | ||
| 124 | <a href="..." target="_self" title="...">My link</a> | ||
| 125 | {{/code}} | ||
| 126 | {{/layout-cell}} | ||
| 127 | {{/layout-section}} | ||
| 128 | |||
| 129 | {{layout-section ac:type="single"}} | ||
| 130 | {{layout-cell}} | ||
| 131 | \\ | ||
| 132 | {{/layout-cell}} | ||
| 133 | {{/layout-section}} | ||
| 134 | |||
| 135 | {{layout-section ac:type="single"}} | ||
| 136 | {{layout-cell}} | ||
| 137 | {{info}} | ||
| 138 | For more information on the **target** attribute for links, see [[W3Schools>>url:http://www.w3schools.com/html/html_links.asp||shape="rect"]]. | ||
| 139 | {{/info}} | ||
| 140 | {{/layout-cell}} | ||
| 141 | {{/layout-section}} | ||
| 142 | {{/layout}} | ||
| 143 | {{/sv-translation}} |