RichTextEditor mit Farbhervorhebung

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo,

ich möchte einen RTE programmieren. Prinzip ist klar. Nur will ich noch ein paar „Gimmiks“. Ich brauche nur Lösungsansätze – nichts fertiges:

  • bestimmte Wörter will ich einfärben
  • diese Wörter sollen anklickbar sein
  • nach Anklicken soll man aus einer Wortliste auswählen können und dadurch das angeklickte Wort ersetzen

Das ganze ist sicher nur mit JS lösbar. Habt ihr Ideen, wie ich da rangehen könnte?

Danke

Ajo

#2

Hallo Ajo,

mal ganz doof gefragt: warum das Rad neu erfinden und das ganze neu programmieren wenn es doch sehr gute und leicht anpassbare fertige Loesungen gibt?

Gruss
Stefan

#3

Hallo,

welche fertige Lösung empfiehlst du denn?

Ajo

#4

Hallo Ajo,

ich hatte in der Vergangenheit gute Erfahrungen mit TinyMCE und FCKedtiro gemacht.

http://tinymce.moxiecode.com/
http://www.fckeditor.net/

Gruss
Stefan

#5

Hallo Stefan,

solche Lösungen sind mir bekannt.
Das Problem ist aber folgendes:

  • ich will nicht, dass durch User-Interaktion die Worte gefärbt werden, sondern JS soll anhand bestimmter Kriterien entscheiden, ob ein Wort eingefärbt werden soll (z.B. durch Rechtschreibprüfung) (im Grunde ist das also kein klassischer RTE)
  • außerdem habe ich bereits eine Art Editor (mit Ajax-Aktionen und mehr), den ich nun schwer auf ein riesiges Framework umbauen kann

Ajo

#6

Hallo Ajo.

Das Problem ist aber folgendes:

  • ich will nicht, dass durch User-Interaktion die Worte
    gefärbt werden, sondern JS soll anhand bestimmter Kriterien
    entscheiden, ob ein Wort eingefärbt werden soll (z.B. durch
    Rechtschreibprüfung) (im Grunde ist das also kein klassischer
    RTE)

Also AJAX ist dein Freund… Bei einem Event zB. onkeydown, prüfst du die Wörter auf Richtigkeit, zB. so: http://www.coder-wiki.de/HowTos/PHP-Rechtschreibprue…

  • außerdem habe ich bereits eine Art Editor (mit Ajax-Aktionen
    und mehr), den ich nun schwer auf ein riesiges Framework
    umbauen kann

Ok!

Gruß Sebastian

#7

Hallo,

wie eine Rechtschreibprüfung mit PHP geht, weiß ich.
Aber wie bekomme ich die Worte rot eingefärbt?

Ajo

#8

Du kannst es zB so realisieren:

Vorgangsweise 
1) Text im RTE selektieren
2) Farbe auswählen und dann so
3) var sel = frames[rte].document.selection; 
 execCommand();
 Der genaue Parameter für execCommand weiß ich jetzt nicht, frag google

Gruß Sebastian