herbert: EIn dynamischer Editor mit html => Wie?

SELF-Forum

EIn dynamischer Editor mit html => Wie?

herbert
– Informationen zu den Bewertungsregeln

Hallo an alle!

Ich habe schon öfters z.B. solche Editoren http://www.fckeditor.net/demo/default.html gesehen. Da kann man grafisch, wie z.B. in Word, seinen Text völlig ohne Html Kenntnisse formatieren und bekommt das ganze auch noch in astreinem Html ausgespuckt. Super!

Jetzt frage ich mich: Wie geht das?
Ich müsste auch so ein Feature in ein von mir geschriebenes Netzwerk (lampp) integrieren. Alle vorgefertigten eignen sich aber leider überhaupt nicht. Ich müsste also selber sowas machen. Ich bin topfit in PHP(Werd ich für die Oberfläche ja nicht brauchen), Html, Javascript. Deshalb bräuchte ich einen guten Tipp, wie ich sowas möglichst einfach realisieren kann.

Ein paar Gedanken meinerseits:
1. Es kann keine Textarea sein, da sich dort keine Tabellen oder Bilder einbetten lassen.

2. Es kann wahrscheinlich auch kein Layer über einer Textare sein, der ständig upgedatet wird. (Hab ich schon ausprobiert, geht nicht so ohne weiteres mit all den Features)

3. Ist das ganze Editorfeld von der Pike auf selber programmiert (Tastaturüberwachung ......)?

Naja, vielleicht kann mir ja einer helfen..

Danke im Voraus
Herbert

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. EIn dynamischer Editor mit html => Wie?

    Sven Rautenberg Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Moin!

    Jetzt frage ich mich: Wie geht das?
    Ich müsste auch so ein Feature in ein von mir geschriebenes Netzwerk (lampp) integrieren. Alle vorgefertigten eignen sich aber leider überhaupt nicht.

    Doch. Von denen gibt es sehr viele, und die sind recht simpel in die eigene Seite integrierbar. Anleitung lesen hilft, und die Auswahl des geeigneten Produkts orientiert sich wahrscheinlich am Aussehen sowie am produzierten Code (da gibt es größere Unterschiede).

    Ich müsste also selber sowas machen.

    Kann man machen, kostet aber relativ viel Aufwand, den sich die Autoren der anderen Editoren ja schon gemacht haben.

    Ein paar Gedanken meinerseits:

    1. Es kann keine Textarea sein, da sich dort keine Tabellen oder Bilder einbetten lassen.

    Es ist aber meistens eine Textarea, in der die Textvorbelegung als Default-Text drinsteht, und die auch als Default-"Editor" dient, wenn der Browser zur Darstellung eines Javascript-WYSIWYG-Editors nicht in der Lage ist.

    1. Es kann wahrscheinlich auch kein Layer über einer Textare sein, der ständig upgedatet wird. (Hab ich schon ausprobiert, geht nicht so ohne weiteres mit all den Features)

    Üblicherweise wird die Textarea per Javascript gegen einen IFrame ausgetauscht.

    1. Ist das ganze Editorfeld von der Pike auf selber programmiert (Tastaturüberwachung ......)?

    Viele Events werden registriert.

    Naja, vielleicht kann mir ja einer helfen..

    Nimm dir einen der diversen existierenden Editoren. Prüfe das Quellcodeergebnis sowie die Möglichkeit, deinen Autoren eben gerade NICHT alle Formatierungsmöglichkeiten zu geben. Wichtig ist auch die Unterstützung beim Erstellen von Tabellen im Editor, dass kann leicht oder kompliziert gemacht werden.

    Den gewünschten Editor bindest du dann in deine Seite ein - das geht üblicherweise so, dass du eine Javascript-Datei mit einbindest und dann eine Funktion aufrufst, die die existierende Textarea in einen WYSIWYG-Editor wandelt. Der Rest deines PHP-Skriptes muß sich dafür gar nicht interessieren, das verarbeitet einfach nur HTML, dass aus einer Textarea kommt und auch in eine solche reingeschrieben wird (zum Editieren).

    Meine Empfehlung für einen Editor: tinyMCE. Produziert sauberen, tag- und attributmäßig einschränkbaren Code (damit kannst du target-Attribute in Links verbieten und alle <b> in <strong> wandeln).

    - Sven Rautenberg

    --
    My sssignature, my preciousssss!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. EIn dynamischer Editor mit html => Wie?

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Ich habe schon öfters z.B. solche Editoren http://www.fckeditor.net/demo/default.html gesehen. Da kann man grafisch, wie z.B. in Word, seinen Text völlig ohne Html Kenntnisse formatieren und bekommt das ganze auch noch in astreinem Html ausgespuckt. Super!

    Jetzt frage ich mich: Wie geht das?
    Ich müsste auch so ein Feature in ein von mir geschriebenes Netzwerk (lampp) integrieren. Alle vorgefertigten eignen sich aber leider überhaupt nicht. Ich müsste also selber sowas machen. Ich bin topfit in PHP(Werd ich für die Oberfläche ja nicht brauchen), Html, Javascript. Deshalb bräuchte ich einen guten Tipp, wie ich sowas möglichst einfach realisieren kann.

    Wieso eignen sie sich nicht?
    Die Dinger sind z.T. um die 100KB JS code, das willst du alles selbst entwickeln?

    Na dann viel Spaß, da kommt einiges auf dich zu.

    Ein paar Gedanken meinerseits:

    1. Es kann keine Textarea sein, da sich dort keine Tabellen oder Bilder einbetten lassen.

    Doch kann man.

    Im IE heißt die Eigenschaft:
    contenteditable in Mozilla browser designMode (u.a. http://www.mozilla.org/editor/ie2midas.html)

    Wenn du z.b. den FCKEditor mal benutzt hättest oder dir den Quellcode mal angeschaut hättest, wärst du der Sache schnell auf die Schliche gekommen.

    Struppi.

    --
    Javascript ist toll
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln