JavaScript einfügen

[The_Executer]

Hallo Leute,

also ich wollte mal fragen. Folgendes:

Ich habe nun eine Box. Darüber habe ich quasi wie die BB-Codes mehrere Boxen mit B, I, U, etc..

Wie kann ich das nun so managen, dass die Boxen, wenn ich draufklicke, z.B. <strong> und </strong> oder <span style="text-deco:underlined;"> etc ausgeben

 

[cebito]

AW: JavaScript einfügen

Beschreibe dein Problem bitte ausführlicher, die Zeit solltest du dir nehmen. Potentielle Helfer nehmen die sich ja auch. Klick mal meine Signatur, da steht alles drin.
So wie es jetzt ist, kann man nur in die Glaskugel schauen - aber die geben immer nur allgemeine Antworten.

 

[The_Executer]

AW: JavaScript einfügen

Also,

ich habe eine Box. (In einem Newseditor, ganz normal, wo man seine News eben reinschreiben kann). Diese werden dann in der Datenbank gespeichert. Momentan muss man jedoch das ganze HTML selbst schreiben, sowie alle Zeilenumbrüche selber machen.

Nun suche ich was, in der Art von BB-Codes (muss nicht direkt ein WYSIWG Editor sein!) wo ich auf eine weitere Box klicke (als Beispiel <div id="bbcode_bold"> die dann durch onClick() diesen Code z.B. <strong></strong> in die Box wo man die News eintragen kann einfügen.

 

[cebito]

AW: JavaScript einfügen

Meinst du sowas? http://ckeditor.com/downloadhttp://ckeditor.com/demo

 

[The_Executer]

AW: JavaScript einfügen

Nunja, das ist nun schon fast wieder WYSIWYG. Ich wollte es eigentlich praktisch lernen, wollte daher wissen, wie man es evtl. mit JS umsetzten könnte.

 

[Duddle]

AW: JavaScript einfügen

Der prinzipielle Algorithmus sollte dir sofort einfallen. Bei Klick auf den Knopf passiert folgendes:

1. Cursor-Position in aktivem Textfeld bestimmen
2. Inhalt des Textfeldes auslesen
3. Inhalt an Cursor-Position um zusätzlichen Text erweitern

Du hast jetzt nicht wirklich gezeigt, wie bewandert du mit JS bist, deshalb gehe ich davon aus, dass du prinzipiell mit Beispielcode zurecht kommst. Für Schritt 1 gibt es ein paar Ansätze, der erste bei meiner Google-Suche ist bspw. dieser: Javascript : Getting and Setting Caret Position in Textarea | Vishal Monpara's Blog
Schritte 2 und 3 sollten kein Problem für dich sein.

Wie so oft gilt aber: falls du das nicht für ein Selbststudium bauen willst, nutze vorgefertigte Lösungen. Entweder WYSIWYG-Scripte o.ä., oder zum Beispiel dieses , mit dem du alles notwendige browserübergreifend ansprechen kannst.


Duddle

 

[pluspiano]

AW: JavaScript einfügen

Schau Dir mal den Aloha-Editor an. Der ist ganz neu und ein echter :hmpf:Tipp. Das JS müsste natürlich eingebunden werden.

http://aloha-editor.com/

Kann aber auch das Thema durchaus verfehlt haben.

 

[MrAzrael]

AW: JavaScript einfügen

Weiss zwar nicht wo das hin ist was ich gestern hier gepostet hatte...

aber nen TextEditor ist doch n bisschen mehr als nur nen BBCode Script, wenn ich das mal so sagen darf und wesentlich umfangreicher in der Programmierung, BBCode Script hätte ich eins da wo man sich anschaun kann wie's funktioniert und auch selbst erweitern kann (wenn man gelernt hat wie es aufgebaut ist) ansonsten einfach mal googeln ...