BlackBoard | Druckvorschau: online WYSIWYG-Editor selber programmieren

Geschrieben von assasine am 01.06.2007 um 18:30:

online WYSIWYG-Editor selber programmieren

Hallo,

ich würde gerne einen online WYSIWYG-Editor (für HTML) programmieren. Scheinbar ist JavaScript die verbreiteste Variante um so einen Editor zu programmieren.

Ich suche ein HowTo zum Programmieren solcher Editoren. Ich habe dazu nur zwei Anleitungen gefunden, welche allerdings beide nur für die Internet Explorer sind:

Anleitung 1

Anleitung 2

Kennt jemand noch weitere Anleitungen (Am so das es möglichst Browserunabhängig ist)? Ich bin in JavaScript noch nicht so bewandert denke aber das ne gute methode ist mein Wissen darüber zu vertiefen.

Ich möchte auch keine fertigen Editoren wie FCK-Editor oder TinyMCE. (letzteren hatte ich schon mal getestet).

würde mich über ein paar Tips freuen

assa

Geschrieben von PygoscelisPapua am 01.06.2007 um 19:46:

Browserunabhängig ist Java

Also vielleicht mal ein Java-Applet schreiben?

Geschrieben von assasine am 01.06.2007 um 20:18:

hmm darüber habe ich mir auch gedanken gemacht.

allerdings kann ich kein stück java und JavaScript versteh ich jedenfals vom Grundaufbau da es php und ActionScript ähnelt (werche ich übringens beide am lernen bin).

von Java habe ich allerdings keine Ahnung.

Ich würde im moment ungern eine weitere Sprache anpacken wenn ich meine bisherigen noch nicht hundertprozentig kann.

Der TinyMCE funktioniert ja auch mit JavaScript.

mfg Assa

Geschrieben von LX am 02.06.2007 um 12:35:

Wie's konkret beim TinyMCE aussieht, weiß ich nicht. Aber für den FCKeditor kann ich sagen, dass der nur deswegen "browserunabhängig" ist, weil diverse Funktionen eben einmal für Gecko-Browser und einmal für den IE unabhängig implementiert wurden, also bestimmte Programmabschnitte einfach mehrfach umgesetzt wurden. Das ist zum Teil ein Heidenaufwand und ich kann mir auch einfachere Dinge vorstellen, die man programmieren könnte, wenn man JavaScript als Sprache lernen möchte... z.B. ein einfaches Spiel.

Geschrieben von PygoscelisPapua am 02.06.2007 um 13:27:

Zitat:

Original von LX
(..) ich kann mir auch einfachere Dinge vorstellen, die man programmieren könnte, wenn man JavaScript als Sprache lernen möchte... z.B. ein einfaches Spiel.

Schleichwerbung!

Geschrieben von assasine am 05.06.2007 um 17:47:

Zitat:

Original von LX
Wie's konkret beim TinyMCE aussieht, weiß ich nicht. Aber für den FCKeditor kann ich sagen, dass der nur deswegen "browserunabhängig" ist, weil diverse Funktionen eben einmal für Gecko-Browser und einmal für den IE unabhängig implementiert wurden, also bestimmte Programmabschnitte einfach mehrfach umgesetzt wurden. Das ist zum Teil ein Heidenaufwand und ich kann mir auch einfachere Dinge vorstellen, die man programmieren könnte, wenn man JavaScript als Sprache lernen möchte... z.B. ein einfaches Spiel.

Ich hatte auch vor für jeden Browser eigenen Code zu schreiben. Das kommt aber erst später wenn ich eine funktionierende version für den Firefox hinbekommen habe.

Ich habe jetzt ein paaf funtionen eingebaut und wollte mal testen ob alles funktioniet. Ich dachte ich könnte den Inhalt von dem Frame einfach an eine php datei übergeben wie bei einem normalen Textfeld auch. Leider geht das nicht und ich finde da keine Lösung.

Jemand eine Idee wie das geht?

bye assa

Geschrieben von LX am 05.06.2007 um 18:02:

Du hantierst mit 2 Repräsentationen der gleichen Daten. Einerseits brauchst du den HTML-Quellcode, der über eine Textarea gesendet werden kann, andererseits brauchst du die Auswertung dieses HTMLs in einem IFRAME, um zu sehen, wie das aussieht. Den IFRAME kann man die TEXTAREA überlagern lassen, sodass man nur die hübschere Aufbereitung zu Gesicht bekommt. Im Speicher musst du aber beides halten.

So passiert's zumindest wieder beim FCKeditor

Geschrieben von assasine am 05.06.2007 um 19:34:

ahh ok thx

nach einigem googeln habe ich es jetzt geschafft

allerdings ist der code der dabei erzeugt wird irgenwie komisch...kann vom browser auch nicht gelesen werden.

Für ein Bild sieht das so aus:

code:
1:	<img style=\"width: 666px; height: 525px;\" src=\"http://www.einradfreak.at/fotos/data/media/53/PIC_1178.jpg\">

die Backslashes sollten da ja eigentlich nicht sein..woran kann das liegen das der das mit backslash ausgibt?

bye vangoo

EDIT habs:

falls es irgendwan mal jemanden interesiert
damit gings: stripslashes