Wysiwyg

[Web_spider]

Hi Community,

Ich wollte mich mal aus lernzwecken an einen WYSIWYG Editor ranmachen.
Das Problem ist ich weiß keinen Lösungsansatz. Ich weiß es gibt eine Menge, doch meistens finde ich mich in den meist unübersichtlichen Javascript Coden sehr schlecht zurecht. In der Internen Suche bin ich auch nicht wirklich fündig geworden.

Also ich stelle mir das so vor, dass ich ein <textarea></textarea> über ein div lege. Allerding kann ich mir das nicht wirklich vorstellen.

Ich hoffe auf einen Lösungsansatz.

mfg

web_spider

 

[Gelöschtes Mitglied 3007]

ich habe es bei mir so gelößt das ich erst einen span erstellt habe und den verändere ich dan je nach anforderungen ;)

<!-- Design modus an -->
<span>
<a href="#">Link</a>
<strong>foobar</strong>
</span>

<!-- Design modus aus -->
<span><textarea>
&lt;a href="#"&gt;Link&lt;/a&gt;
&lt;strong&gt;foobar&lt;/strong&gt;
</textarea></span>

und weil in deinem editor als source kaum jemand schreiben wird <textarea> kannst das dan einfach replacen wenn der modus wechselt ^^

 

[Web_spider]

hmm, aber wie mach ich das denn, dass er als Beispiel schreibt:
hallo

und dann dass zu Hallo ändert. Also ich meine wo schreibt er....quasi muss ja das was er schreibt unsichtbar sein, nur das was er sehen soll muss sichtbar sein.