JS: execCommand
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
absolut nix
ansehen
ausgebaute variante
auslese
cursor
entsprechender anpassung
fetten
formular
fragestellung
funktion
gen
meinung
opus
quelltext
richtig verstehe
standard
stellen
tag
test
wysiwyg
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
also, ich kann mit der Fragestellung absolut nix anfangen, da es meines Wissens die Funktion execCommand() nicht in JavaScript gibt. Benutzt du eine externe Bibliothek ?
Meinst du vllt eval() ?
http://de.selfhtml.org/javascript/objekte/unabhaengig.htm#eval
Auch die 2. Fragestellung ist mir ein R?tzel. Gib dem <div> ein id="" Attribut und sprich es dann ?ber document.getElementById('idbezeichnung') an.
Um wirklich effektiv zu helfen, w?re etwas Beispielcode von sehr gro?em Vorteil.
Auch, wof?r das ganze gut sein sollte, m?sste man wissen. -
Sicher doch:
########################################
<div style="height:100px;width:200px;overflow=auto;" contenteditable id="edit" name="edit"></div>
<button onClick="edit.focus();document.execCommand('bold')">fett</button>
<button onClick="edit.focus();document.execCommand('italic')">kursiv</button>
<button onClick="edit.focus();document.execCommand('underline')">unterstrichen</button>
########################################
Der Inhalt im <div>-Feld kann bearbeitet werden und man kann ?ber die drei Kn?pfe im WYSIWYG-Stil formatieren. Also wenn man ein Wort markiert und auf fett dr?ckt ist dieses Wort fett aber der Rest nicht.
Ich m?chte jetzt ?ber dieses execCommand an der Stelle wo der Cursor grade ist einen String einf?gen
zB: "Das ist ein | Text" -> | ist der Cursor. Wenn ich jetzt auf nen Knopf klicke s?he es so aus: "Das ist ein toller| Text" -> Ich h?tte mit dem Knopf "toller" das Wort "toller" eingef?gt.
Und wenn ich ein Formular damit habe m?sste ich das halt nach submitten auslesen k?nnen ums in die DB einzutragen (PHP)
PS: Funzt leider nur im IE
mfg
Markus -
PS: Funzt leider nur im IE
Und ist nicht Standard und daher sollte man es auch net verwenden.
Auch wenn es vllt net so toll aussieht, und man dann h??liche BB-Tags in der <textarea> hat, so funzt das eben nur bei den IE Nutzer und die anderen k?nnen net mal BB-Code einf?gen.
Also, ich backe dir mal schnell was neues:
(es wird eine <textarea id="edit"> ben?tigt)
function bbcode(tag)
{
obj=document.getElementById('edit');
obj.value+='['+tag+']';
obj.focus();
}
function inserttext(text)
{
obj=document.getElementById('edit');
obj.value+=text;
obj.focus();
}
So, diese beiden Funktionen d?rften bei entsprechender Anpassung ihren Zweck erf?llen, ich denke die Funktionsnamen sind selbsterkl?rend.
und das ganze dann einfach verlinken
<button onclick="bbcode('b')">Fett</button>
<button onclick="inserttext('hallo Welt')">Hallo Welt</button>
Und an Limas Forum kann man doch sehen, dass die guten alten <textarea>s doch ganz gut sind, un Beitr?ge zu schreiben.
Falls dir das zu unsch?n aussieht, kannst du die <textarea> auch mit CSS aufbessern.
Ich m?chte jetzt ?ber dieses execCommand an der Stelle wo der Cursor grade ist einen String einf?gen
http://aktuell.de.selfhtml.org/artikel/javascript/bbcode/ -
http://i-spacke.milten.lima-city.de/hp/test.html
Du kannst dir ja mal den Quelltext ansehen. Das ist meiner Meinung nach eigentlich schon eine ziemlich mfangreiche BBCode-Funktion. Das Script an sich findest du hier:
http://i-spacke.milten.lima-city.de/hp/bbcodes.js
Es funktioniert ?brigens f?r Opera, Firefox und IE. Es ist halt eine ausgebaute Variante der Selfhtml-Version. -
http://i-spacke.milten.lima-city.de/hp/test.html
Du kannst dir ja mal den Quelltext ansehen. Das ist meiner Meinung nach eigentlich schon eine ziemlich mfangreiche BBCode-Funktion. Das Script an sich findest du hier:
http://i-spacke.milten.lima-city.de/hp/bbcodes.js
Es funktioniert ?brigens f?r Opera, Firefox und IE. Es ist halt eine ausgebaute Variante der Selfhtml-Version.
Die Seite ist in FireFox sowie im IE schwarz und sonst nix ^^ Aber wenn ich das so richtig verstehe ist dein System ja das da immer [ b][ /b] und so angezeigt wird und das soll ja nicht so sein (Korrigier mich wenn ich mich vertue) -
Also, es wird in allen Browsern angezeigt und jetzt funktioniert es auch richtig im FireFox. Es geht ja auch nur ums Prinzip. Wenn du nicht BBCodes sondern Text einf?gen willst, dann ist das ja das selbe. Du musst ja nur den Text der eingef?gt werden soll von z.B. ?ndern.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
