You are not logged in.

  • Login

1

Friday, June 8th 2007, 4:07pm

textarea live auswerten JS?

hi ich möcht ein ganz gewöhnliches textarea auswerten und zwar live das er bestimmte wörter "anfärbelt" gibt es dazu eine möglichkeit? Das ganze soll so eine art Syntax highlightning online werden

wie kann ich das realisieren am ehesten würd ich denken mit JS aber da kenn ich mich net so sehr aus ist es damit möglich?

mfg donasa

2

Friday, June 8th 2007, 8:07pm

Hi,
die Sache ist, dass du in einer gewöhnlichen Textarea keine Farben darstellen kannst ;-)
Die Frage ist also, wie weit bist du zur Zeit und willst du das wirklich alles selber machen?

Als fertige Lösung gibts tinyMCE mit Spellchecker Plugin.

Für die Eigenentwicklung kann ich dir erstmal diese Seite für die Entwicklung eines WYSIWYG Editors empfehlen:
http://www.zdnet.de/builder/print_this.htm?pid=39138120-20000201c

Und für das reine überprüfen 2 Möglichkeiten vorstellen.
Das überprüfen des komletten Textes bewerkstelligst du relativ einfach
mit onkeyup="spellcheck(this.value)".
Je nachdem wie komplex das Script werden darf macht es aber durchaus Sinn, nur das letzte Wort für die Überprüfung zu schicken. Oder mit Timern zu arbeiten, die eine Überprüfung alle 10 Sekunden durchführen.

Für die Rechtschreibprüfung mit PHP kann ich dir übrigens auch einen Link geben:
PHP Rechtschreibpruefung

3

Friday, June 8th 2007, 10:34pm

hmmm ich hab mir jetzt das gante anders gedacht indem ich einen Div Container nehme und dann je anchdem was der Benutzer eingibt etwas hinschreibe, oder besser in eine PHP variable speicher und die dann auswerte und dann einfach mit js ein refresh mache glaub ihr des würd gehen?

aja weit bin iuch ned gerade:D ich plane nähmlich vorher :D

EDIT: Das ganze soll dann ein ein Editor im inet sein wie ihr sicher erraten habts :D

4

Friday, June 8th 2007, 11:37pm

Quoted

hmmm ich hab mir jetzt das gante anders gedacht indem ich einen Div Container nehme und dann je anchdem was der Benutzer eingibt etwas hinschreibe, oder besser in eine PHP variable speicher und die dann auswerte und dann einfach mit js ein refresh mache glaub ihr des würd gehen?

aja weit bin iuch ned gerade:D ich plane nähmlich vorher Very Happy

EDIT: Das ganze soll dann ein ein Editor im inet sein wie ihr sicher erraten habts Very Happy


öhm sorry aber das wird so nicht funktionieren. außerdem macht es imho wenig sinn einen editor mit php/js zu machen. wer brauch sowas???

einen editor, wenn auch nur einen einfachen, hat jedes OS. also wofür das ganze???

außerdem wäre ein "online" editor ein nicht zu unterschätzendes sicherheitsloch falls man nicht genau weis was man macht...

überleg dir wirklich ernsthaft ob du deine "energie" auf so etwas verwenden willst...

ist am ende deine entscheidung ;)

mfg da BendIt

5

Friday, June 8th 2007, 11:47pm

ja möchte ich da ich dies schon länger geplant habe und es für mich auch einen nutzen hat auf den ich nicht näher eingehen möchte

mfg donasa

6

Saturday, June 9th 2007, 10:54am

aber im Prinzip gehts dir doch darum einen Editor wie TinyMCE nachzubauen, oder?

Selbst, wenn du die ganzen Features zur Schriftformatierung nicht brauchst, so musst du dennoch das System dahinter haben um überhaupt formatierten Text darzustellen.
Und damit du erstmal einen per Tastatur eingegebenen Text bunt färben kannst musst du den ZDNET Artikel lesen.
Browserunabhängig ist das gar nicht so einfach.

Wenn du das Gerüst hast, kannst du dich eigentlich erst dranmachen dich um weitere Features zu kümmern.

Alternativ kannst du natürlich aufs bunte verzichten und dich rein um die Rechtschreibprüfung kümmern. Du könntest eine normale Textarea zur Eingabe verwenden und die falschen Wörter einfach in einem seperaten DIV anzeigen.

Das spart viel Arbeit, aber für einen Nutzer ist das eigentlich nicht zu gebrauchen.
Also wenn du das selber programmieren willst um deinen Horizont zu erweitern, verstehe ich das! Aber um auf ein Ergebnis wie TINYMCE zu kommen, das unter allen Browsern läuft und ein eine nette Plugin-Architektur vorweisen kann, wirst du schon ein paar Monate oder Jahre dransitzen.

7

Saturday, June 9th 2007, 1:16pm

nein so komplex wie TinyMCE brauch ich ihn nicht. Da er vorallem fürs Programmieren da sein soll da reichts mir auch erstmal wenn er "NUR" HTML tags erkennt. und zb.: Fett macht ;)

also wäre dies möglich mit meiner vorgeschlagenen Methode? dann würde ich mich mehr in JS einlesen da ich das total verlernt habe :?

8

Saturday, June 9th 2007, 1:31pm

Nein, mit DIV und EventListener würde ich es auf keinen Fall machen.
Auch wenn du betonst, dass du keinen vollständigen WYSIWYG Editor haben willst.
Du brauchst eben die komplette Technik dahinter. Ein paar Buttons mehr oder weniger machen absolut keinen Unterschied.

Unter den Begriffen execCommand und designmode findest du mehr.
Mozilla bietet auch Erläuterungen und einen relativ leichten Beispielcode an:
* http://developer-stage.mozilla.org/en/docs/Rich-Text_Editing_in_Mozilla

Die MSDN Seite zum DesignMode befindet sich hier:
* http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/designmode.asp

9

Saturday, June 9th 2007, 7:04pm

ne andere möglichlkeit wäre es doch sicher das ganze als java Aplett einzubinden nur leider kenn ich mich mit Java 0 aus und da ist die frage geht das/zahlt sich es aus/ist es leichter

10

Saturday, June 9th 2007, 8:39pm

Von C# zu Java ist ein kleiner Schritt. Wie lange würdest du denn in C# brauchen?
Aber generell würde ich sowas nicht mit Java machen.
Leichter ists bestimmt, aber es ist eben komplett abgeschottet vom Rest der Seite.

11

Saturday, June 9th 2007, 8:45pm

hmm c# is noch nicht wirklich meine Sprache die lern ich daweil selber nur in der schule (durch c/C++ vorkentnisse recht easy ;)) also da kann ich bis jetzt nur in der konsole und entsprechend im form designer websites mit C# hab ich noch nie programmiert was aber sicherlich auch eine interessante lössung wäre

12

Sunday, June 10th 2007, 11:23am

Dann bring die C# Lösung mal in Firefox, Opera & Co zum Laufen ;-)
Nein, danke!

Social bookmarks