Hi,
ich programmiere zur Zeit einen JavaScript-basierten WYSIWYG-Editor.
Die Grundidee ist ein Event-Handling, das imer Hintergrund einen String bearbeitet und einen Curser versetzt. Zur Anzeige werden diese Variablen zu HTML-Codes umgewandelt und in einem DIV angezeigt. (Bei der Formatierung werden später zusätzliche Variablen eingebunden) Der Cursor wird als blinkendes | dargestellt.
Die Grundfunktionen der Eingabe funktionieren bereits:
Man kann verschiedene Editoren innerhalb einer Seite verwenden.
Zeichen können eingegeben werden. Die Tasten Pos1, Ende, Page Down, Page Up und Pfeil Links/Rechts verändern die Position des Cursors. Die Zeichen werden immer bei der Cursorposition eingefügt.
Der Editor kann kann aktiviert und deaktiviert werden.
Jetzt stehe ich vor zwei Problemen, für die ich weder Ansätze, noch Suchbegriffe für Google habe.
Und zwar:
- Wie finde ich heraus, auf welches Zeichen der benutzer klickt, um den Cursor zu positionieren?
- Bei den Pfeiltasten Rauf und Runter: Wie finde ich heraus, welches Zeichen darüber und darunter ist?
Mit freundlichen Grüßen
Dodo
Edit: Ich hab noch ein Bild angehängt
Edit2: Ich habs jetzt mal hochgeladen:
http://godmaster.go.funpic.de/WYSIWYG/