JS: WYSIWYG Editor selbst gebastelt

cebe · 22.12.2005, 17:55

Hi Leute

Vorest einmal.. ja ich weis, das Thema wurde schon oft diskutiert und ja ich hab gegoogelt und diverse Suchfunktionen benutzt, der Tag ist jetzt zu Ende und ich hab immer noch nicht erreicht was ich eigentlich wollt.. vl. kann mir ja hier irgend wer weiter helfen!

Ich möchte für meine Seite, sprich meine Formulare nicht wie sonst die BB-Code mässige Formatierungsmöglichkeit, sondern wie schon im Titel gesagt das direkte Ergebniss sehen.. Ich hab tausende links zu irgend welchen 'kranken' Editoren die so ca. alles Formatieren können, aber meist mir irgendwelchen umständlichen Programmiersprachen gemacht wurden von denen ich keine Ahnung habe.. HTML und JS sollten dafür doch wirklich reichen?! oO
Irgendwie gibt es fast nirgendwo einfache Tutorials, wie man das umsetzen kann was mein Problem ist

Ich habe schon so einen halben Ansatz gemacht, das nun wirklich auf die schnelle erstellt wurde:
http://www.secret-project.ch/form/

Leider geht das Ding nur gerade im IE selbst, FF kommt mit dem Editierbaren Frame nicht zurecht, und opera soviel ich weis au nid.. könnte man meinen Ansatz nicht irgendwie Browserübergreifend klar machen oder müsst ich das mit einem TextArea lösen, wenn ja, gibt es irgendwo ein sample oder kann mir irgendwer irgendwie weiter helfen?

PS; Bitte postet keine Links zu irgend welchen Fertig-Editoren, ich möcht das ding wirklich selbst versuchen zu Progen wenns möglich ist!

Alpha Centauri · 23.12.2005, 14:11

Ich find es klasse was du da vorhast.

Ich selber programmiere auch gerade an einen WYSIWYG-Editor. Mein Ansatz ist z.Z. auf der Basis von PHP, dort werden die Elemente durch Objekte beschrieben und müssen nurnoch parametriert werden.

Leider fehlt mir noch der routinierte Umgang mit JS, weil ja die Eingaben dadurch flexibler werden. Der eigentliche Code-Prozess läuft unter PHP ab und als Ergebniss ensteht der HTML-Code.

Eine Absolute JS-Lösung ist aber nicht so geeignet.

JK · 23.12.2005, 16:51

bei mir funktioniert dein beispiel im Firefox (nur sind die hover der buttons etwas verschoben) und IE, der Opera kommt jedoch nicht mit klar.
Ich finde bei google kein ergebnis für "simpleFormate", wo kann man dafür eine doku finden?

24.12.2005, 08:20

Ich weiß jetzt nicht aber schau dir vl mal den Code von der Eingabe des Forums an. Vl hilft dir das weiter. :wink:

/tmp · 25.12.2005, 15:57

Diese WYSIWYG Editoren sind mit Javascript einfach nicht browserübergreifend zu realisieren.
Das liegt im Wesentlichen daran, dass sie eigentlich garnicht vorgesehen sind und im Prinzip mal wieder nur ein Sonderfeature des IE sind (designMode()), das Mozilla mit seiner Mozilla Rich Text Editing API ebenfalls übernommen hat.

Alle anderen Browser können das nicht und müssen es auch nicht können, weil dieses Feature einfach nicht vorgesehen ist.
Die einzige Möglichkeit, das Ganze browserübergreifend zu realisieren, wäre ein Java Applet, wie zum Beispiel das freie htmltea, das aber noch stark in den Kinderschuhen steckt (sofern es überhaupt noch weiterentwickelt wird). Eine kostenlose Alternative habe ich aber noch nicht finden können.

Hier findest du eine gute Liste mit allen möglichen Angeboten auf dem "Markt". Da gibts zwar einige, die von sich behaupten, sowohl unter IE und Firefox als auch unter Netscape und Opera zu laufen, das konnte ich aber bisher bei keinem bestätigen. Zumindest unter Opera habe ich noch keinen zu Laufen gebracht.
Ausserdem gibt es daneben ja auch noch einige andere Browser wie Safari oder Konqueror, die man auch nicht ausser Acht lassen darf, wenn man wirklich etwas Browserübergreifendes entwickeln möchte. Ob besagter designMode überhaupt mit dem IE unter Mac funktioniert, weiss ich auch nicht...möglicherweise müsste man da auch noch eine neue Lösung suchen.

Ich habe auch lange nach einer wirklich kompatiblen Möglichkeit gesucht, habe aber feststellen müssen, dass es ausser mit Java keine gibt.

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
Wordpress WYSIWYG	snatch-ic	Off-Topic Diskussionen	2	25.03.2007 01:52
Eingabe eines JS WYSIWYG mit POST übergeben. Wie?	Plague	PHP Tipps 2006	1	31.08.2006 20:10
Online WYSIWYG Probleme	snatch-ic	Off-Topic Diskussionen	1	05.08.2006 15:13
Wichtig => GB selber gebastelt: Nur ein Problem: rewind()	Chrisber	PHP Tipps 2005-2	14	28.09.2005 07:04
Wysiwyg Editor?	Masteroi	Beitragsarchiv	5	14.09.2005 17:47
Problem mit WYSiWYG Editor - Bildübergabe	Fraylman	PHP Tipps 2005	2	12.05.2005 11:43
Suche wysiwyg editor		PHP Tipps 2005	2	29.04.2005 17:38
[SUCHE] WYSIWYG Editor	phpfortgeschrittener	Beitragsarchiv	6	04.03.2005 14:24
eine Art WYSIWYG, für editieren einer Seite im Internet!?		PHP Tipps 2005	15	11.01.2005 19:59
<textarea> into a WYSIWYG editor		Beitragsarchiv	12	29.10.2004 13:09
DB eingabe mit WYSIWYG Editor?!	medico	PHP Tipps 2004	10	12.10.2004 13:41

22.12.2005, 17:55
cebe Benutzer Registriert seit: 10.08.2005 Beiträge: 40	JS: WYSIWYG Editor selbst gebastelt Hi Leute Vorest einmal.. ja ich weis, das Thema wurde schon oft diskutiert und ja ich hab gegoogelt und diverse Suchfunktionen benutzt, der Tag ist jetzt zu Ende und ich hab immer noch nicht erreicht was ich eigentlich wollt.. vl. kann mir ja hier irgend wer weiter helfen! Ich möchte für meine Seite, sprich meine Formulare nicht wie sonst die BB-Code mässige Formatierungsmöglichkeit, sondern wie schon im Titel gesagt das direkte Ergebniss sehen.. Ich hab tausende links zu irgend welchen 'kranken' Editoren die so ca. alles Formatieren können, aber meist mir irgendwelchen umständlichen Programmiersprachen gemacht wurden von denen ich keine Ahnung habe.. HTML und JS sollten dafür doch wirklich reichen?! oO Irgendwie gibt es fast nirgendwo einfache Tutorials, wie man das umsetzen kann was mein Problem ist Ich habe schon so einen halben Ansatz gemacht, das nun wirklich auf die schnelle erstellt wurde: http://www.secret-project.ch/form/ Leider geht das Ding nur gerade im IE selbst, FF kommt mit dem Editierbaren Frame nicht zurecht, und opera soviel ich weis au nid.. könnte man meinen Ansatz nicht irgendwie Browserübergreifend klar machen oder müsst ich das mit einem TextArea lösen, wenn ja, gibt es irgendwo ein sample oder kann mir irgendwer irgendwie weiter helfen? PS; Bitte postet keine Links zu irgend welchen Fertig-Editoren, ich möcht das ding wirklich selbst versuchen zu Progen wenns möglich ist! __________________ Diese Signatur wird bis auf weiteres Bestreikt!


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

23.12.2005, 14:11
Alpha Centauri Erfahrener Benutzer Registriert seit: 05.02.2005 Beiträge: 278	Ich find es klasse was du da vorhast. Ich selber programmiere auch gerade an einen WYSIWYG-Editor. Mein Ansatz ist z.Z. auf der Basis von PHP, dort werden die Elemente durch Objekte beschrieben und müssen nurnoch parametriert werden. Leider fehlt mir noch der routinierte Umgang mit JS, weil ja die Eingaben dadurch flexibler werden. Der eigentliche Code-Prozess läuft unter PHP ab und als Ergebniss ensteht der HTML-Code. Eine Absolute JS-Lösung ist aber nicht so geeignet.

23.12.2005, 16:51
JK Benutzer Registriert seit: 11.10.2005 Beiträge: 81	bei mir funktioniert dein beispiel im Firefox (nur sind die hover der buttons etwas verschoben) und IE, der Opera kommt jedoch nicht mit klar. Ich finde bei google kein ergebnis für "simpleFormate", wo kann man dafür eine doku finden? __________________ Water Wars - Jetzt anmelden: http://waterwars.de

24.12.2005, 08:20
Gast Beiträge: n/a	Ich weiß jetzt nicht aber schau dir vl mal den Code von der Eingabe des Forums an. Vl hilft dir das weiter. :wink:

25.12.2005, 15:57
/tmp Benutzer Registriert seit: 05.09.2004 Beiträge: 72	Diese WYSIWYG Editoren sind mit Javascript einfach nicht browserübergreifend zu realisieren. Das liegt im Wesentlichen daran, dass sie eigentlich garnicht vorgesehen sind und im Prinzip mal wieder nur ein Sonderfeature des IE sind (designMode()), das Mozilla mit seiner Mozilla Rich Text Editing API ebenfalls übernommen hat. Alle anderen Browser können das nicht und müssen es auch nicht können, weil dieses Feature einfach nicht vorgesehen ist. Die einzige Möglichkeit, das Ganze browserübergreifend zu realisieren, wäre ein Java Applet, wie zum Beispiel das freie htmltea, das aber noch stark in den Kinderschuhen steckt (sofern es überhaupt noch weiterentwickelt wird). Eine kostenlose Alternative habe ich aber noch nicht finden können. Hier findest du eine gute Liste mit allen möglichen Angeboten auf dem "Markt". Da gibts zwar einige, die von sich behaupten, sowohl unter IE und Firefox als auch unter Netscape und Opera zu laufen, das konnte ich aber bisher bei keinem bestätigen. Zumindest unter Opera habe ich noch keinen zu Laufen gebracht. Ausserdem gibt es daneben ja auch noch einige andere Browser wie Safari oder Konqueror, die man auch nicht ausser Acht lassen darf, wenn man wirklich etwas Browserübergreifendes entwickeln möchte. Ob besagter designMode überhaupt mit dem IE unter Mac funktioniert, weiss ich auch nicht...möglicherweise müsste man da auch noch eine neue Lösung suchen. Ich habe auch lange nach einer wirklich kompatiblen Möglichkeit gesucht, habe aber feststellen müssen, dass es ausser mit Java keine gibt. __________________ I hacked 127.0.0.1!