5
Ich habe Komponente so zu transformieren so dass Anker Link als Link nicht als Klartext erscheinen würde ??Wie Klartext HTML JSX in ReactJS
A
Antwort
6
Sie haben dangerouslySetInnerHTML zu verwenden:
<p dangerouslySetInnerHTML={{__html: Autolinker.link(this.props.activity.text)}} />
Verwandte Themen
- 1. bootstrap popover mit reactjs (JSX)
- 2. entsprechende erwartete JSX Endtag eingabe Reactjs
- 3. Reactjs machen JSX mit dynamischem Textwert
- 4. ReactJs - SyntaxError: Embedded: Nicht abgeschlossene JSX-Inhalte
- 5. ReactJS (JSX) Syntax Hervorhebung in Visual Studio 2015
- 6. Wo sollte ich nicht-JSX-Syntax in ReactJS
- 7. Gerendertes HTML in Klartext mit Python
- 8. ReactJS in einem vorhandenen HTML
- 9. Rendern von Roh-HTML mit reactjs
- 10. Reactjs: Jsx ternäre Inline einer Komponente (verschachtelte ternären)
- 11. Autocomplete HTML-Tags in Jsx (erhabener Text)
- 12. Verwenden von HTML-Attributen in JSX
- 13. Wo finde ich eine JSX- und HTML-Syntaxreferenztabelle?
- 14. Wie Rendern einer HTML-Entität in React.js ohne JSX
- 15. Ersetze Klartext mit HTML mit jQuery
- 16. ReactJS + Flux: Wie Datenattribut aus HTML übergeben?
- 17. TinyMCE 4 - Klartext/Streifen HTML-Tags Schaltfläche
- 18. Firefox rendert HTML-Seite mit .html während Chrom diaplays Klartext
- 19. WIE HTML Klartext konvertieren, während Tabs und andere gültige Klartext-Layout beibehalten
- 20. W3C HTML-Validierung für JSX Reagieren Dateien
- 21. Webpack JSX Fehler in HTML <source> Tag
- 22. Wie verkette ich zwei JSX-Fragment oder Variablen oder Zeichenfolge und Komponente (in Reactjs)?
- 23. Django-Formulare in ReactJs
- 24. ReactJS Invalid Checksum
- 25. bekommen 'mit dem In-Browser-JSX-Transformator. Achten Sie darauf, Ihre JSX für die Produktion vorkompilieren
- 26. Wie funktioniert Render in ReactJS mit diesen HTML-Tags "zurückgegeben"
- 27. Wie Abhängigkeiten in reactjs Klasse importieren?
- 28. Wie mit JSX/TSX
- 29. Erstellen Sie HTML aus for-Schleife in JSX mit React.js
- 30. Wie in ReactJS
Vielen Dank !! – zazmaister
Diese Lösung stellt eine XSS-Sicherheitsbedrohung dar, wenn 'this.props.activity.text' nicht bereinigt wird. Die HTML-Zeichen [common approach to sterilizing] (http://stackoverflow.com/a/6234804/5763764) verzerren leider einige URLs für Autolinker. –