suche jseditor Tutorial

[sono]

Morgen.

Vor etwas längere Zeit war ich auf der Suche wie man einen Js Editor schreiben kann. Ich hab da einen Link zu einem Tutorial für einen WYSIWYG Editor bekommen, was ich damals allerdings nicht wollte.

Jetzt will ich aber doch einen WYSIWYG Editor schreiben und finde das Tutorial oder etwas vergleichbar einfach aufgebautes leider nicht mehr. Dummerweise weiß ich nich mehr wo ich damals den Tipp bekommen habe.

Kennt jemand ein Tutorial oder eine Seite das/die beschreibt wie man es schafft dass eine Textarea nicht die Tags anzeigt, sondern den Code parst oder wie auch immer man das nennen mag.

(Ja ich weiß dass es sowas schon 100 mal fertig gibt, ich wills trotzdem selbst machen)

Vielleicht hat ja jemand sowas in der Linksammlung, wäre super.

Gruß Sono

[ein schlauer]

Ich glaub kaum das es dafür ein Tut gibt, da musst du dich schon selbst einarbeiten.

[sono]

Ich glaub kaum das es dafür ein Tut gibt, da musst du dich schon selbst einarbeiten.

Wie ich schon erwähnt habe, habe ich das Tutorial schonmal gesehen, aber damals kaum beachtet, da es mich noch nicht interessiert hatte. Es gibt sowas also schon. Mindestens 2mal, damals hab ich nämlich das nicht gesucht, aber nur das gefunden. Heute ist es gerade umgekehrt. Verflucht sei Murphy und der Wahrheitsgehalt seiner Gesetze. gg.

Im Endefeckt würde es mich eigentlich nur interessieren wie ich eine Textarea oder ein Input dazu bekomme Htmlcode nicht als Code sondern geparst anzuzeigen.

Dachte zuerst das ginge mit CSS aber nachdem ich mal einen flüchtigen Blick in ein paar WYSIWYG Editoren geworfen habe hab ich bemerkt dass dem wohl doch nicht so ist.

Den Editor hab ich schon geschrieben, ich will eigentlich nur noch die WYSIWYG Funktion miteibauen.

Mehr eigentlich nicht.

Gruß Sono

[pit-r]

Moin!

Derartige Editoren benutzen kein Textarea, sondern einen iframe mt designMode="On"...

Ahoi - Pit

[sono]

Das Stichwort habe ich gebraucht.
Thx.

Hier wäre schonmal das erste Tutorial:
http://www.insidedhtml.com/tips/contents/ts12/page1.asp

[pit-r]

Yaw

[ein schlauer]

für Mozila heißt es contenteditable

[pit-r]

Moin!

für Mozila heißt es contenteditable

Nö - genau das funzt nur in IE...

Ahoi - Pit

[jeko]

(...)The first version of Mozilla that supports rich text editing fully is 1.3b. Note contenteditable is not supported by Mozilla at this time.

Aber mal was anders...Du sagt "nur im IE", pit. Gibts denn auch ein Objekt das den Drachen und/oder Füchsen gefällt?

[pit-r]

Aber mal was anders...Du sagt "nur im IE", pit. Gibts denn auch ein Objekt das den Drachen und/oder Füchsen gefällt?

Na klar: s. Post#4

Ahoi - Pit

[ein schlauer]

arrgg, das komt davon wenn man nicht genau schaut.

wobei ich jetzt etwas verwirrt bin, in dem Tutorial wird die ganze Zeit von designMode gesprochen das ist für MZ Browser, gleichzeitig steht auf der Startseite "The editor demo requires Internet Explorer 4+", aber für den IE heißt die Eigenschaft: contentEditable

Naja, wird schon passen

[pit-r]

designMode funzt in IE und in Geckos (auch wenn es ansonsten Unterschiede gibt). Deshalb hatte ich bewußt das gepostet, damit sono's Suche nicht auf's IE-Abstellgleis führt...

[jeko]

hm... Ok, bin jetzt nochmal suchen gegangen und hab auch was gefunden, das bestätigt dass designmode in Mozilla 1.3+ (und brausetabletten die auf gleichem basieren) existiert... Aber dann hab ich noch was von documentcontent gehört...? Boah, es herrscht echt nicht so die Klarheit in dem Bereich....

Um in Mozilla-Browsern in den Entwurfsmodus zu gelangen, wird die Eigenschaft contentDocument wie folgt verwendet:

Link

[ein schlauer]

ich glaub hier sind ein paar Hinweise: http://www.mozilla.org/editor/ie2midas.html

[pit-r]

Dabei geht es um die Referenzierung des editierbaren Bereichs...