Ersetzen mehrere Zeichen in einer Zeichenfolge in javascript

Habe ich diese schönen code, die ich habe keine Ahnung warum nicht funktioniert. Es sollte den Wert einer text-Eingabe und ersetzt jedes nationale Sonderzeichen mit HTML-code, um die Kompatibilität Zwecke. Aber, wenn ich auf die Schaltfläche klicke, die Funktion gibt den string zurück, ohne irgendwelche änderungen.
Irgendeine Idee?

(jsfiddle)

<a id="reminder1" onclick="document.getElementById('reminder2').style.display = ''; document.getElementById('reminder1').style.display = 'none';">
    Set reminder
</a>
<a id="reminder2" class="reminder" style="display:none;">
    <input type="text" id="reminderh" size=40 style="font-size:20px;">
    <input type="button" value="Set" onclick="csere(document.getElementById('reminderh').value);">
</a>

<script>
function csere(qwe){
document.getElementById('reminder2').style.display = 'none';

var rtz0  = qwe.replace("á","&aacute;");
var rtz1  = rtz0.replace("Á","&Aacute;");

var rtz2  = rtz1.replace("é","&eacute;");
var rtz3  = rtz2.replace("É","&Eacute;");

var rtz4  = rtz3.replace("í","&iacute;");
var rtz5  = rtz4.replace("Í","&Iacute;");

var rtz6  = rtz5.replace("ö","&ouml;");
var rtz7  = rtz6.replace("Ö","&Ouml;");
var rtz8  = rtz7.replace("ő","&&#337;");
var rtz9  = rtz8.replace("Ő","&#336;");
var rtz10 = rtz9.replace("ó","&oacute;");
var rtz11 = rtz10.replace("Ó","&Oacute;");

var rtz12 = rtz11.replace("ü","&uuml;");
var rtz13 = rtz12.replace("Ü","&Uuml;");
var rtz14 = rtz13.replace("ű","&#369;");
var rtz15 = rtz14.replace("Ű","&#368;");
var rtz16 = rtz15.replace("ú","&uacute;");
var uio = rtz16.replace("Ú","&Uacute;");

//Creates a cookie with the final value (different function)
createCookie('reminder',uio,1500);

document.getElementById('reminder1').style.display = '';
}
</script>

Funktioniert bei mir (ich habe console.log)
Ihnen nie vergeben Sie den Wert zurück auf das element, nachdem Sie alle ersetzt.
Stellt sich heraus, ich war nicht wirklich in der Notwendigkeit der UTF-Kodierung. Ich war es einfach benutzen, weil die gesamte Webseite verwendet es, und ich dache Es ist notwendig. Im Grunde, ich brauche keine code an die Stelle der nationalen Zeichen, da Sie offenbar problemlos, auch ohne Sie.
Cool 🙂

InformationsquelleAutor SeinopSys | 2012-08-02

9

Können Sie nur ersetzen alles programmgesteuert, nicht mithilfe von named entities:
```
return input.replace(/[^ -~]/g, function(chr) {
//                   ^^^^^^ 
//this is a regexp for "everything than printable ASCII-characters"
//and even works in a ASCII-only charset. Identic: [^\u0020-\u007E]
    return "&#"+chr.charCodeAt(0)+";";
});
```
Wenn Sie verwenden möchten, named entities, können Sie kombinieren diese mit einem key-value-map (wie in @jackwanders Antwort):
```
var chars = {
    "á" : "&aacute;",
    "Á" : "&Aacute;",
    "é" : "&eacute;",
    "É" : "&Eacute;",
    ...
}
return input.replace(/[^ -~]/g, function(chr) {
    return (chr in chars) 
      ? chars[chr]
      : "&#"+chr.charCodeAt(0)+";";
});
```
Allerdings sollte man nie verwenden müssen, html-entities in JavaScript. Verwenden Sie utf-8 als Zeichencodierung für alles, und es wird funktionieren.

@Jackwanders beantworten, wird im zweiten Teil der code, Wie muss ich die Zeichen? Wenn ich versuche, verwenden Sie die /\u00E1/ format bekomme ich Fehler.
Wo nutzen Sie? Wenn Sie noch eine fehlerhafte Codierung, würden Sie brauchen, um zu entkommen die Tasten der anzeigen-Objekt.

InformationsquelleAutor Bergi
9

Konnten Sie erstellen ein Objekt, das Schlüssel/Wert-Paare für jedes Zeichen zu ersetzen:
```
var chars = {
    "á" : "&aacute;",
    "Á" : "&Aacute;",
    "é" : "&eacute;",
    "É" : "&Eacute;",
    ...
}
```
Und verwenden Sie dann eine Funktion in der .replace nennen:
```
var uio = qwe.replace(/[áÁéÉ]/g,function(c) { return chars[c]; });
```
Ihrem Objekt und reguläre Ausdrücke müssen natürlich wachsen, um alle Zeichen enthalten, die Sie ersetzen möchten

InformationsquelleAutor jackwanders

Die Charaktere sind Gegenstand der Kodierung der HTML-Seite, die JavaScript-Seite und den HTTP-request. Ersetzen Sie das Zeichen durch Unicode-Entsprechungen:

<a id="reminder1" onclick="document.getElementById('reminder2').style.display = ''; document.getElementById('reminder1').style.display = 'none';">
    Set reminder
</a>
<a id="reminder2" class="reminder" style="display:none;">
    <input type="text" id="reminderh" size=40 style="font-size:20px;">
    <input type="button" value="Set" onclick="csere(document.getElementById('reminderh').value);">
</a>

<script>
function csere(qwe){
document.getElementById('reminder2').style.display = 'none';

var rtz0  = qwe.replace(/\u00E1/,"&aacute;");
var rtz1  = rtz0.replace(/\u00C1/,"&Aacute;");

var rtz2  = rtz1.replace(/\u00E9/,"&eacute;");
var rtz3  = rtz2.replace(/\u00C9/,"&Eacute;");

var rtz4  = rtz3.replace(/\u00ED/,"&iacute;");
var rtz5  = rtz4.replace(/\u00CD/,"&Iacute;");

var rtz6  = rtz5.replace(/\u00F6/,"&ouml;");
var rtz7  = rtz6.replace(/\u00D6/,"&Ouml;");
var rtz8  = rtz7.replace(/\u00F5/,"&&#337;");
var rtz9  = rtz8.replace(/\u00D5/,"&#336;");
var rtz10 = rtz9.replace(/\u00F3/,"&oacute;");
var rtz11 = rtz10.replace(/\u00D3/,"&Oacute;");

var rtz12 = rtz11.replace(/\u00FC/,"&uuml;");
var rtz13 = rtz12.replace(/\u00DC/,"&Uuml;");
var rtz14 = rtz13.replace(/\u0171/,"&#369;");
var rtz15 = rtz14.replace(/\u0170/,"&#368;");
var rtz16 = rtz15.replace(/\u00FA/,"&uacute;");
var uio = rtz16.replace(/\u00DA/,"&Uacute;");

//Creates a cookie with the final value (different function)
createCookie('reminder',uio,1500);

document.getElementById('reminder1').style.display = '';
}
</script>

Überprüfen meiner Umbauten, um sicher zu sein. Verwendet habe ich das raster auf Wikibooks.

JA! Danke, sieht aus wie die Unicode-Ersatz gelöst.
Ob das eine Lösung ist, dann sollten Sie fix Ihre Codierung. Trotzdem sollten Sie verbessern Ihren Algorithmus, siehe jackwanders' Antwort oder eine mine.
Dies wird nur dann ersetzen Sie die erste Instanz von jedem Charakter. Hier ist ein Beispiel: jsfiddle.net/hHZhv/1

InformationsquelleAutor Micah Henning

1

Ich denke, Sie haben ein Problem mit nur Austausch der ersten Instanz von einem Charakter. In javascript müssen Sie angeben Globale ersetzt mit regex wie diese:
```
var rtz0  = qwe.replace(new RegExp("á", "g"), "&aacute;");
```
Am besten wäre es, ein array zu erstellen wie erwähnt von PPvG oder jackwanders, aber ansonsten mindestens die Wiederverwendung der vorhandenen Variablen. Sie könnte leicht machen es so:
```
qwe  = qwe.replace(new RegExp("á", "g"), "&aacute;");
qwe  = qwe.replace(new RegExp("Á", "g"), "&Aacute;");
```
Das funktioniert nicht, entweder :\
Wie ich schon sagte, diese Methode nur wieder, gibt den Wert zurück, wie es ist, und nichts mit ihm.
Ich Stimme, dass dies scheint nicht der Grund sein, warum es nicht ersetzen, aber Sie brauchen, um ein globales ersetzen, wie ich empfohlen. Sehr zu empfehlen sind auch ein array verwenden, wie erwähnt, durch PPvG und jackwanders.
Das problem wurde mit den Charakteren nicht erkannt, wie Sie waren nicht in der richtigen form, den Wechsel zu unicode gelöst.
Ich bemerkte, dass. Allerdings, wenn Sie einen Charakter mehr als einmal verwendet, Ihren aktuellen code entfernt nur die erste Instanz, dass der Charakter und der Verwendung eines Arrays wird drastisch reduzieren Sie Ihre code.

InformationsquelleAutor Josh Mein

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.