Ich will Live-HTML / CSS-Vorschau erstellen auf einer Seite.

Aber der Code wird nicht mit Textareas @ angegeb. Der Code wird auf der Seite festgelegt div).

Ich möchte, dass der Benutzer den Code ändern kann und das wird in der Live-Vorschau angezeigt. Ich habe eine Seite erstellt, auf der Sie Teile des Skripttextes ändern können (für Amateure). Sie können dies hier in der Vorschau anzeigen:http: //apolosiskos.co.uk/HTML-CSS-EDITOR/index3.htm

01) Die Live-Vorschau funktioniert nicht, wenn ich das @ ersettextarea mit einerdiv.

02) Auch wenn ich die Textbereiche verwende, funktioniert die Live-Vorschau nicht, da ich in meinem HTML-Skript das @ verwendcodeund diexmp Stichworte

-> Snippet, das mit einem Textfeld funktioniert, aber nicht mit einem div:

var wpcomment = document.getElementById('WPComment');

wpcomment.blur = wpcomment.onkeypress = function(){
    document.getElementById('prevCom').innerHTML = this.value;
}

#prevCom
{
  background:#124;
  color:#fff;
  min-width:20px;
  min-height:50px;
  font-size:25pt;
}

<textarea name="WPcomment" id="WPComment" placeholder="Add comments:">aaaaa</textarea>

<div id="prevCom"></div>