HTML-Eingabe vom Benutzer und aus modifiziertem HTML zurück zum Benutzer

-4

Ich habe ein Textfeld auf meiner Website, die HTML vom Benutzer nehmen wird. Ich möchte in der Lage sein, das HTML zu nehmen und es zu ändern und dann das neue HTML zurück zum Benutzer auszugeben. Die Änderungen wären immer einfach, da ich nur bestimmte Zeichen in diesem HTML ersetzen würde. Sie würden jedes Mal dieselben Charaktere sein.HTML-Eingabe vom Benutzer und aus modifiziertem HTML zurück zum Benutzer

Ich denke, der beste Weg, dies zu tun wäre, jede Zeile zu nehmen und es zu einem Array hinzuzufügen. Auf diese Weise kann ich jeden Teil des Arrays in eine neue Zeile mit einer for-Schleife oder etwas ausgeben. Dies würde auch Zeilenumbrüche erhalten. Aber das löst das HTML-Problem immer noch nicht. Gerade jetzt, wenn ich HTML verwende und versuche, es auszugeben, kann ich nicht. Es wird nicht angezeigt, es sei denn, es handelt sich um reinen Text.

Derzeit kann ich nur eine einzige Zeile Text nur mit innerHTML.

Gibt es eine Möglichkeit, dies mit Vanille JS zu tun?

irgendwelche Vorschläge auf, wo ich aussehen könnte, wäre genial! Danke.

Quelle

2016-09-20 sourlemonaid

Ich bin sicher, dass es gibt. Können Sie zeigen, was Sie getan haben, damit wir Ihnen besser helfen können? – Neal

Betrachten Sie eine Eingabeaufforderung wie so verwenden:

<html>

<script type="text/javascript"> 
     function getValue(){ 
      var retVal = prompt("Enter your name : ", "your name here"); 

    // You can do something like convert it all to lowercase here: 
      document.write("You have entered : " + retVal.toLowerCase()); 
     } 
    </script>

Klicken Sie auf die folgenden, um das Ergebnis zu sehen:

<form> 
    <input type="button" value="Click Me" onclick="getValue();" /> 
    </form>

Dadurch werden geänderte Benutzereingaben an den Benutzer zurückgegeben, ohne etwas zu posten oder ein Formular zu senden. Dies ist nur ein einfaches Beispiel, aber man kann diese nehmen und es in ein Eingabefeld mit einer Schaltfläche anwenden, indem das Hinzufügen

onclick="functionToDoSomething()"

als Attribut auf den Knopf, und mit der Funktion des Wert des Eingangs erhalten und verändern Feld.

Quelle

2016-09-20 20:25:02

HTML-Eingabe vom Benutzer und aus modifiziertem HTML zurück zum Benutzer

Antwort

Verwandte Themen