Annotationen & Apparate
Die möglichen Annotationen und Anmerkungsapparate werden über Typen konfiguriert. Annotationen (scope links) zeichnen eine Textstelle mit einem Tag aus. Dabei kann es sich unter anderem um die Kennzeichnung kursiver Texte, die Kennzeichnung von Worttrennern oder verlorener Textteile, um Verweise auf Literatur oder andere Kategorien handeln. Jedes Tag kann weitere Attribute enthalten und auf Kategorien (properties) verweisen. Apparate (scope footnotes) in der Form von Fußnoten enthalten weiteren Text zu einer Textstelle.
Konfiguration
Annotationen und Apparate werden in der Datenbank über XML-Tags erfasst und zur Darstellung auf der Seite in HTML-Tags umgewandelt. Die Konfiguration enthält Angaben dazu, wie diese Annotationen dargestellt und wie die Buttons in der Werkzeugleiste gestaltet werden.
Schlüssel | Beschreibung |
---|---|
group | Optional. Name der Gruppe, zu der diese Annotation gehört, zum Beispiel "transcription". Damit werden mehrere Annotationen zusammengefasst und können gemeinsam angesprochen werden. Das ist vor allem bei der Konfiguration von XML-Feldern nützlich, um nicht alle möglichen Annotationen einzeln aufführen zu müssen. Stattdessen kann der Gruppenname angegeben werden. |
shortcut | Shortcut zum Einfügen der Annotation. Beispiele:
Die Möglichkeiten sind durch den CKEditor vorgegeben. |
toolbutton | Ein Objekt mit der Konfiguration des Toolbuttons. Beispiel für Verweis auf Literatur:
Die Konfiguration kann in einfachen Fällen abgekürzt werden: 2. String: Beschriftung des Toolbuttons, zum Beispiel |
tag_type | Wie wird das Tag bei der Ausgabe dargestellt? Soll ausschließlich ein Dropdown-Toolbutton erzeugt werden, wird der Schlüssel weggelassen.
|
attributes | Optional ein Objekt mit der Konfiguration von Attributen. Jeder Schlüssel ist ein Attributname, der Wert enthält wiederum die folgenden Schlüssel:
Die Attribute |
fields | Konfiguration der Felder einer Annotation bzw. Fußnote mit den entsprechenden Einstellungen für das Rendering. Die Feldnamen werden als Schlüssel und die Einstellungen als Objekt angegeben. Mögliche Felder in Fußnoten:
Mögliche Felder in links-Annotationen:
|
prefix | Bei Bracket-Tags der für die öffnende Klammer verwendete Wert. Bei Text-Tags wird dieser Wert dem in html_content festgelegten Wert vorangestellt. Bei Format-Tags wird dieser Wert als Text zu Beginn des markierten Bereichs eingefügt. |
content | Bei Text-Tags wird dieser Werte bei der Konvertierung zu HTML innerhalb des Tags ausgegeben. So können zum Beispiel Worttrenner durch einen Mittelpunkt dargestellt werden. |
postfix | Bei Bracket-Tags der für die schließende Klammer verwendete Wert. Bei Text-Tags wird dieser Wert an den in html_content festgelegten Wert angehängt. Bei Format-Tags wird dieser Wert als Text an das Ende des markierten Bereichs eingefügt. |
escape | Wenn die Werte in prefix , content und postfix als HTML interpretiert werden sollen, kann das Escaping mit false ausgeschaltet werden. |
html md txt rdf ttl jsonld | Je nach Ausgabeformat werden die Tags anders gerendert: HTML benötigt Tags, Markdown und die Volltextsuche sollen dagegen keine Tags enthalten. In den Schlüseln html, md und txt können Objekte mit den Schlüsseln tag_type, tag, prefix, content und postfix angegeben werden. Diese überschreiben dann die Standardeinstellung für die jeweiligen Formate. Auf diese Weise lässt sich beispielsweise das Rendering eines Absatzes vom tag_type "bracket" auf "format" umstellen, um das Markup auszublenden. Es empfiehlt sich allerdings, die Standardeinstellung auf ein Textformat auszurichten und im html-Schlüssel explizit zu überschreiben (statt erst das HTML-Rendering festzulegen und es dann für alle möglichen Ausgabeformate wieder rückgängig zu machen). So können beispielsweise normalerweise Klammern weggelassen und nur in der HTML-Ausgabe ausgegeben werden. |
html.tag | Die XML-Tags werden für die Anzeige auf der Webseite in HTML-konforme Tags konvertiert. Standardmäßig werden alle XML-Tags in span-Tags konvertiert. Der Schlüssel gibt an, welches HTML-Tag verwendet werden soll, wenn davon abgewichen werden soll. Jedes konvertierte Tag erhält die Klasse xml_tag. Zusätzlich wird jedes Tag mit einer Klasse nach dem Schema "xml_tag_<name>" versehen. Wenn das XML-Tag zum Beispiel "wtr" heißt, wird nach der Transformation die Klasse "xml_tag_wtr" vergeben. Format-Tags erhalten zusätzlich die Klasse xml_format. Bracket-Tags werden in drei Tags konvertiert. Die öffnende Klammer erhält die Klasse xml_bracket_open, die schließende Klammer die Klasse xml_bracket_close und der enthaltende Text die Klasse xml_bracket_content. |
css_style | CSS-Angaben, die in die Webseite eingebettet werden, um das Tag zu gestalten. Die CSS-Angaben können sich auf die Klassen der konvertierten Tags beziehen (siehe die Konfiguration von html_tag). Beispiel, um einen Umbruch nach einem Tag zu erzeugen:
|
Toolbuttons
Für jede Annotation wird ein Button erzeugt. Die Gestaltung wird im toolbutton-Key festgelegt. Prinzipiell gibt es drei Möglichkeiten, Icons und Beschriftungen der Buttons festzulegen:
- Eine eigene SVG-Vektorgrafik, die im
icon
-Schlüssel festgelegt wird. - Eine kurze Beschriftung oder ein Unicode-Symbol aus der Standardschriftart, das im
symbol
-Schlüssel festgelegt wird. - Ein Unicode-Symbol aus der Schriftart Font Awesome, das im
symbol
-Schlüssel festgelegt wird. Zusätzlich wird imfont
-Schlüssel die Schriftart "awesome" festgelegt.
Schlüssel | Beschreibung |
---|---|
icon | Der Wert verweist auf eine vordefinierte SVG-Grafik (momentan ist noch kein Upload benutzerdefinierter Grafiken möglich). Wird der Schlüssel weggelassen, wird standardmäßig eine SVG-Grafik mit dem Namen des IRI-Fragments eingebunden (z. B. "letterspaced" für die Gesperrt-Annotation). |
symbol | Ideal, wenn man schnell ein Icon erzeugen will, ohne erst eine SVG-Datei erstellen zu müssen. Es kann eine Beschriftung wie [abc] oder ein Unicode-Symbol wie ✅ für ein Haken-Symbol angegeben werden. Nach dem Speichern wird das Zeichen automatisch in sein Unicode-Kürzel (im Beispiel "\u2705" ) übersetzt und beim Bearbeiten der Konfiguration auch immer so angezeigt. |
font | Es können Unicode-Symbole von Font Awesome verwenden, werden. Dazu sucht man auf der Font-Awesome-Seite aus den Free Icons (wichtig!) ein Symbol heraus, z. B. das Font Awesome-eigene Buch-Symbol. Von der Seite entweder die Glyphe oder das Unicode-Kürzel kopieren und in den Zusätzlich muss der |
style | Mit CSS-Angaben können Schriftfarbe und Schriftschnitt (fett, kursiv) verändert werden, zum Beispiel: color:#ff0000;font-weight:bold; für einen roten gefetteten Button. |
group | Um mehrere Toolbuttons zu einem Dropdown zu kombinieren, kann hier eine Kategorie angegeben werden. Alle Toolbuttons innerhalb einer Kategorie werden zu einem Dropdown kombiniert. Beispiel: Wird für Verweise-Annotationen (beispielsweise Verweis auf Hausmarke, Verweis auf Literatur) immer der Wert Der Wert |
dropdown | Um Dropdown-Buttons gestalten zu können, wird für den Button eine eigene Annotation angelegt. Der
|
Umbrüche
Eine besondere Behandlung erfahren Umbrüche. Umbrüche werden im Editor mit Shift+Enter erzeugt. Sie werden in XML als leere nl-Tags gespeichert und im HTML als alleinstehende br-Tags ausgegeben. In den Types muss dafür ein nl-Link angelegt und wie folgt konfiguriert sein:
{
"tag_type": "break",
"toolbutton": false
}
Sollen Umbrüche in einem Feld möglich sein, dann muss das nl-Tag in der Feldkonfiguration im types-Schlüssel aufgeführt werden.
Sonderzeichen
Der Editor enthält ein Standardset an Sonderzeichen (Satzzeichen, Währungssymbole, Einheiten etc.), die über den Special Characters-Button in der Toolbar eingefügt werden. Die Sonderzeichen sind kategorisiert und können beispielsweise nach Mathematical oder Text gefiltert werden.
Darüber hinaus können in den Types auch zusätzliche Sonderzeichen konfiguriert werden. Dazu wird eine Konfiguration vom Typ "link" mit folgenden Feldern angelegt:
Schlüssel | Beschreibung |
---|---|
Name | Englische Bezeichnung des Sonderzeichens, das sich im Idealfall an der Unicode-Norm richtet. Das Zeichen "■" heißt beispielsweise in der Norm "Black square". Im Name Feld sollte eine davon abgeleitete Bezeichnung in Kleinschreibung und ohne Leer- oder Sonderzeichen abgeleitet werden. Im Beispiel würde dafür "black_square" verwendet werden. |
Scope | Besitzt den gleichen Scope wie alle anderen Links, da Sonderzeichen auch in der Toolbar des Editors eingeblendet werden: "links". |
Kategorie | Dient der leichteren Auffindbarkeit in der Typkonfiguration und kann frei vergeben werden, zum Beispiel "Characters". |
Caption | Bezeichnung des Sonderzeichens, die in der Toolbar angezeigt wird, zum Beispiel "Schwarzes Quadrat" (in deutscher Sprache). |
IRI-Fragment | Wird aus dem Namen mit dem Präfix "char-" gebildet, also zum Beispiel "char-black_square". |
Config | Enthält die weite Konfiguration des Sonderzeichens, siehe die nächste Tabelle. |
Während die vorangegangen Felder die Bezeichnung festlegen, wird im Config-Feld das Verhalten im XML-Editor konfiguriert. Wichtig sind die folgenden Schlüssel:
Schlüssel | Beschreibung |
---|---|
toolbutton | Immer "false". |
group | In der Regel "character". Über den Gruppennamen kann bei der Konfiguration von XML-Feldern gesteuert werden, welche Zeichen im jeweiligen Feld unterstützt werden sollen. |
tag_type | Hat bei Sonderzeichen immer den Wert "character". Legt fest, dass das Zeichen als Text eingefügt wird (siehe auch die Dokumentation von tag_type im Abschnitt Annotationen & Apparate). |
content | Das Zeichen, das eingefügt werden soll. Achtung: Nach dem Speichern wird das Zeichen automatisch in sein Unicode-Kürzel übersetzt und beim Bearbeiten auch immer so angezeigt ("■" wird beispielsweise zu "\u25A0"). Das liegt allerdings nur an der Anzeige in der Types-Konfiguration, im Editor wird das korrekte Zeichen eingefügt. |
shortcut | Die Tastenkombination, mit der das Sonderzeichen eingefügt werden kann, ohne es über die Toolbar auszuwählen (z. B. "Ctrl+Q"). Dabei sollte immer das englische Kürzel verwendet werden (z. B. "Ctrl" statt "Strg") und es sollten keine Leerzeichen im Shortcut enthalten sein. |
pane | Mehrere Sonderzeichen können zu einem Bereich zusammengefasst werden, zum Beispiel "Edition". Ohne Angabe eines Bereichs werden die Sonderzeichen im Bereich "Custom" angezeigt. |