# Unterstützung von \<span data-attribute\> im Rich-Editor

**URL:** https://meta.discourse.org/t/support-span-data-attribute-in-the-rich-editor/400885
**Category:** Feature
**Tags:** composer
**Created:** [17. April 2026 um 10:41 UTC](https://meta.discourse.org/t/support-span-data-attribute-in-the-rich-editor/400885 "2026-04-17T10:41:55Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [17. April 2026 um 10:41 UTC](https://meta.discourse.org/t/support-span-data-attribute-in-the-rich-editor/400885/1 "2026-04-17T10:41:55Z")

</div>

Wenn ich Text auf einer einzelnen Zeile auswähle und über den Composer-Button einen Wrap anwende, wird ein Inline-Wrap angewendet. Das funktioniert zwar, aber der letzte Buchstabe des ausgewählten Textes wird teilweise abgeschnitten:

![image](https://global.discourse-cdn.com/meta/original/4X/6/c/e/6ce9fafdee6e5fbb2699926ba8a28a5d2131303f.png)

Dies ist eine Möglichkeit, Inline-Wraps zu erstellen, und sie wird automatisch in einen Block-Wrap umgewandelt, wenn auf derselben Zeile kein weiterer Inhalt steht.

Die andere Möglichkeit ist `<span data-attribute>`, die im Rich-Editor nicht unterstützt wird (`data-attribute` wird entfernt), im Markdown-Editor jedoch vollständig funktioniert. Interessanterweise ist diese erlaubte Syntax nicht in [discourse/frontend/pretty-text/addon/allow-lister.js at 3b13aaa003332e7bf056a6cbb2c0da0cf107a0fd · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/3b13aaa003332e7bf056a6cbb2c0da0cf107a0fd/frontend/pretty-text/addon/allow-lister.js#L115) aufgeführt, sondern in [discourse/frontend/discourse-markdown-it/src/features/d-wrap.js at 3b13aaa003332e7bf056a6cbb2c0da0cf107a0fd · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/3b13aaa003332e7bf056a6cbb2c0da0cf107a0fd/frontend/discourse-markdown-it/src/features/d-wrap.js#L44) 🙂

`<span data-attribute>` ist auf Meta dokumentiert und wird wahrscheinlich außerhalb meines Forums verwendet. Der Vorteil ist, dass es nie in ein Block-Element umgewandelt wird, selbst wenn auf derselben Zeile kein weiterer Inhalt steht.

Ein normaler Wrap allein auf einer Zeile wie dieser:

```plaintext
[wrap="fish"]text[/wrap]

```

wird als Block gerendert:

```plaintext
<div class="d-wrap" data-wrap="fish">
<p>text</p>
</div>

```

Soweit ich weiß, gibt es nur folgende Möglichkeiten, dieses Verhalten zu vermeiden:

- Verwendung von `<span data-attribute>`:

- Hinzufügen eines nicht abgeschnittenen (idealerweise breitenlosen) Leerzeichens wie `&ZeroWidthSpace;` am Anfang oder Ende der Zeile.

Letzteres ist etwas umständlich.

Ich würde es bevorzugen, die erste Lösung im Rich-Editor nutzen zu können. Allgemeiner wäre jede einfache Möglichkeit, einen Inline-Wrap zu erstellen, wünschenswert.

---

_[View the full topic](https://meta.discourse.org/t/support-span-data-attribute-in-the-rich-editor/400885)._