Anzeigeprobleme von Uniapp-Rich-Text und Mobile-Rich-Text

Es gibt mehrere Möglichkeiten, Rich Text anzuzeigen:

1.<view  v-html="content"></view>

2. Uniapp wird mit der Rich-Text-Komponente geliefert

Rich-Text | Offizielle Website von uni-app

<rich-text :nodes="content"></rich-text>

3. U-Parse der uView-Komponente

Rich-Text-Parser analysieren | uView 2.0 – ökologisches Uni-App-Framework, vollständig kompatibel mit nvue – Uni-App-UI-Framework

<u-parse :content="content" :tagStyle="style"></u-parse>

---

Format:

        Wenn Sie höhere Anforderungen an das Format haben, wie z. B. den Stil eines Rich-Text-Labels individuell anpassen, Bilder anpassen, Schriftfarben einheitlich festlegen usw., empfiehlt sich die Verwendung der dritten Darstellungsmethode (U-Parse).

• U-parse legt intern adaptive Stile für Tags wie Bilder und Videos fest, sodass Sie diese nicht selbst formatieren müssen.
• Mit dem tagStyle-Parameter der u-parse-Komponente können Stile für einzelne Tags genau festgelegt werden.
• Legen Sie über das Tag des übergeordneten Elements die Farbe, Zeilenhöhe, Schriftgröße usw. des gesamten Texts einheitlich fest

Detaillierte Einstellungsmethode: sieheoffizielle Website-Dokumentation