[gelöst] Texteingabe live Vorschau

wishy · 12.12.2006, 09:29

Guten Morgen zusammen!

Leider ist Javascript gar nicht mein Ding, denke aber für mein Problem ist es die einzige Lösung.

Ich habe ein Textfeld, welches ausgefüllt werden soll. Nebenstehend sollte eine div Box den eingegebenen Text darstellen.

Kennt jemand eine Lösung?

M3g4Star · 12.12.2006, 10:13

Ja ... schon .. wart ..

http://www.selfhtml.net/javascript/s...er.htm#onkeyup

dort genau das was du suchst ...

wishy · 12.12.2006, 11:45

Ja, eigentlich schon. Nur möchte ich die Anzeige nicht in einem Textfeld, sondern in einem div (Absatz). Folgendes Beispiel habe ich noch bei SELFHTML gefunden:

Code:

<html><head><title>Test</title>
<style type="text/css">
.normal { font-style:normal }
</style>
<script type="text/javascript">
function Ausrichten (wie) {
  document.getElementById("unentschlossen").align = wie;
}
</script>
</head><body>
<h1 id="unentschlossen">Wo gehöre ich eigentlich hin?</h1>
links?

zentriert?

rechts?

</body></html>

Das Problem ist jetzt noch, onkeyup mit getelementbyid zu verbinden...

M3g4Star · 12.12.2006, 12:10

Code:

<html>
<head>
 <title>Test</title>
</head>
<body>
 <div id="meindiv">LEER</div>
 <input type="text" size="30" name="Eingabe" onKeyup="document.getElementById('meindiv').innerHTML=this.value">
</body></html>

wishy · 12.12.2006, 13:19

Vielen Dank, M3g4Star!

Als Test habe ich diesen Link gefunden:
http://de.selfhtml.org/javascript/ob...e_textarea.htm

Der Code im Header lautet:

Code:

<script type="text/javascript">
		function setText () {
  		document.getElementById("Infobox").firstChild.nodeValue = document.getElementById("Eingabe").value;
		}
	</script>

Der Code im Body:

Code:

<input type="text" size="30" name="Eingabe" id="Eingabe"
  onkeyup="setText()">


<div>
<p ID="Infobox"></p>
</div>

wishy · 20.12.2006, 20:56

da habe ich mich ein bischen zu früh gefreut. Wenn ich html auszeichnungen wie [b] verwenden möchte, wird der code nicht geparst.... hat da noch jemand einen tip?
Es geht sicher, bei gewissen foren wird beim erstellen eines beitrages zum beispiel ein smile angezeigt etc.

DiBo33 · 20.12.2006, 23:39

Zitat:

hat da noch jemand einen tip?

ja, M3g4Star

wishy · 21.12.2006, 07:48

ups, da ist die Lösung bereits gepostet und ich hab sie nicht gesehen.

Naja, jetzt klappts auch mit html-code.

Thanx euch beiden!

robo47 · 21.12.2006, 11:16

lässt sich das auch ganz simple und einfach erweitern, dass er das html gleich parst ? das würde mich interessieren, will da kein WYSIWYG-editor einsetzen, einfach einen div, oder um das design nicht zu zerschießen ne seite in nem iframe wo das ganz direkt als html geparst wird, wenns browser abhängig ist, würde mir auch erstmal was für den FF reichen.

DiBo33 · 21.12.2006, 12:26

Kommt darauf an, was du unter geparst verstehst.

Mit innerHTML wird das HTML interpretiert, allerdings kannst du natürlich keine komplette Seite mittels innerHTML ausgeben.

Es werden auch keine Scripte interpretiert.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Vorschau löscht Eingabefelder	c-f-g	PHP Tipps 2005	10	15.07.2005 18:09
Bei Vorschau wird Bild nicht angezeigt	c-f-g	PHP Tipps 2004-2	5	16.12.2004 11:10
Gästebuch Vorschau	auchegal	PHP Tipps 2004-2	3	12.12.2004 15:49
Formular: Vorschau und Absenden in einem		PHP Tipps 2004	3	04.11.2004 09:19

12.12.2006, 09:29
wishy Benutzer Registriert seit: 04.02.2004 Beiträge: 65	[gelöst] Texteingabe live Vorschau Guten Morgen zusammen! Leider ist Javascript gar nicht mein Ding, denke aber für mein Problem ist es die einzige Lösung. Ich habe ein Textfeld, welches ausgefüllt werden soll. Nebenstehend sollte eine div Box den eingegebenen Text darstellen. Kennt jemand eine Lösung?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.12.2006, 10:13
M3g4Star Erfahrener Benutzer Registriert seit: 23.08.2007 Beiträge: 1.510	Ja ... schon .. wart .. http://www.selfhtml.net/javascript/s...er.htm#onkeyup dort genau das was du suchst ...

20.12.2006, 20:56
wishy Benutzer Registriert seit: 04.02.2004 Beiträge: 65	da habe ich mich ein bischen zu früh gefreut. Wenn ich html auszeichnungen wie [b] verwenden möchte, wird der code nicht geparst.... hat da noch jemand einen tip? Es geht sicher, bei gewissen foren wird beim erstellen eines beitrages zum beispiel ein smile angezeigt etc.

21.12.2006, 07:48
wishy Benutzer Registriert seit: 04.02.2004 Beiträge: 65	ups, da ist die Lösung bereits gepostet und ich hab sie nicht gesehen. Naja, jetzt klappts auch mit html-code. Thanx euch beiden!

21.12.2006, 11:16
robo47 Moderator Registriert seit: 03.09.2004 Beiträge: 11.792 PHP-Kenntnisse: Fortgeschritten	lässt sich das auch ganz simple und einfach erweitern, dass er das html gleich parst ? das würde mich interessieren, will da kein WYSIWYG-editor einsetzen, einfach einen div, oder um das design nicht zu zerschießen ne seite in nem iframe wo das ganz direkt als html geparst wird, wenns browser abhängig ist, würde mir auch erstmal was für den FF reichen. __________________ robo47.net - Blog, Codeschnipsel und mehr \| Caching-Klassen und Opcode Caches in php \| Robo47 Components - PHP Library extending Zend Framework

21.12.2006, 12:26
DiBo33 Erfahrener Benutzer Registriert seit: 05.07.2004 Beiträge: 1.476	Kommt darauf an, was du unter geparst verstehst. Mit innerHTML wird das HTML interpretiert, allerdings kannst du natürlich keine komplette Seite mittels innerHTML ausgeben. Es werden auch keine Scripte interpretiert.