Ich möchte das SVG mit dangerousSetInnerHTML anzeigen.Gibt es eine Es6-Methode, um eine Escape-HTML-Zeichenfolge zu entfernen?
<div dangerouslySetInnerHTML={{__html:props.SVG_Thumbnail__c}} />
jedoch die SVG-Daten Ich habe ist ein entflohener HTML-String.
Ich denke, das ist ein häufiger Fall im Frontend. Wie auch immer, ich habe eine Google-Suche durchgeführt. Keine der integrierten Methoden konnte alle erkannten Zeichen perfekt verarbeiten.
Die Escape-Methode funktioniert nicht.
Was ist eine übliche Art, mit dieser Zeichenfolge umzugehen?
Schreiben Sie die Ersetzungsmethoden jedes Mal?
var escaped = str.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>');
<svg width="100%" height="100%&q%" fill="#ffffff"/><text x="5%" y="50%" font-family="Lato" font-size="8px" alignment-baseline="middle" fill="#37444e">Primary Content</text></svg><svg x="10%" y="64%" width="90%" height="26%"><rect x="0" y="0" width="100%" height="100%" fill="#ffffff"/><text x="5%" y="50%" font-family="Lato" font-size="8px" alignment-baseline="middle" fill="#37444e">Secondary Content</text></svg></svg>
kühlen. Ich wundere mich nur, dass dieser übliche Fall keine Out-of-Box-Methode hat, um damit umzugehen ^^. danke – newBike
@newBike Keine, die mir bekannt sind. – JLRishe