Html-Code live in IFrame tun

i-mehl

i-mehl

Gesperrt
Hallo,

Ich möchte gerne folgendes:

Wenn ich in einem Textbereich zB. <strong>Hallo</strong> eingebe, dass dieser Text bzw. Code dann in eine nebenstehende Frame live (Mit "live" meine ich während der Eingabe) hineinkopiert.

Mit freundlichen Grüßen
i-mehl

________________________________________________
Ich hoffe, dass ich keinen Rechtsschreibfehler gemacht habe.
 
Einer von vielen Wegen:
PHP: 
<html>
  <head>
  <script type="text/javascript">
  function update(){
    parent.previewframe.document.getElementById('preview').innerHTML = document.input.eintrag.value;
  }
  
  function init(){
    var html = '<html><head></head><body><div id="preview"></div></body></html>';
    parent.previewframe.document.open();
    parent.previewframe.document.write(html);
    parent.previewframe.document.close();
  }
  </script>
  </head>
<body onload="init()">

<form name="input">
  <textarea name="eintrag" onkeyup="update()"></textarea>
</form>

<iframe name="previewframe"></iframe>

</body>
</html>

bye
 
Hi vielen Dank für den Code!

Aber eine Frage

Das hier im Code
PHP: 
onkeyup="update()"
bzw. diese Funktion verhindert meine Undo/Redo Funktion. Also wenn ich das wegtu geht's (aber dann halt die Vorschau nicht) und wenn ich's lass geht Undo und Redo nicht.

Undo/Redo FUnktion so eingebaut:

PHP: 
<img border="0" onclick="window.document.execCommand('Undo');" src="back.gif" width="20" height="20">
<img border="0" onclick="window.document.execCommand('Redo');" src="forward.gif" width="20" height="20">
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück