Text in Textarea einfügen
Text an der Cursorposition einfügen können nur der IE ab Version 5 und Mozilla Browser. Opera bleibt aussen vor. Wie es bei Mac und Linux Browsern aussieht, weiß ich nicht.
Mit dem Skript, können z.b. BBCode Tags eingefügt werden oder Smilies. Das Skript sieht so aus:
javascript
function insert(input, aTag, eTag) { |
input.focus(); |
if(!aTag) return; |
if(!eTag) eTag = ''; |
if(typeof document.selection != 'undefined') { |
var range = document.selection.createRange(); |
var insText = range.text; |
if(!insText && eTag) return alert('Nichts markiert!'); |
range.text = aTag + insText + eTag; |
range = document.selection.createRange(); |
if (insText.length == 0) range.move('character', -eTag.length); |
else range.moveStart('character', aTag.length + insText.length + eTag.length); |
range.select(); |
} else if(typeof input.selectionStart != 'undefined') { |
var start = input.selectionStart; |
var end = input.selectionEnd; |
var insText = input.value.substring(start, end); |
if(!insText && eTag) return alert('Nichts markiert!'); |
input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end); |
var pos; |
if (insText.length == 0) pos = start + aTag.length; |
else pos = start + aTag.length + insText.length + eTag.length; |
input.selectionStart = pos; |
input.selectionEnd = pos; |
} else { |
alert('Du kannst nach Hause gehen!\n\nLeider unterstützt dein Browser nicht die notwendige Funktion!'); |
} |
} |
Das Skript ist eine leicht abgewandelte Form von dem Beispiel bei selfhtml
Beispiel
Comments (11)
3647 mal gelesen.
3647 mal gelesen.
11 Kommentare Einen Kommentar hinterlassen »
Pingbacks
BB Code Buttons [Javascript ist Toll!]
[...] hatte in der Vergangenheit ja schon einmal ein Skript vorgestellt, mit dessen Hilfe es möglich ist BB-Code in eine Textarea einzufügen. Um es einsetzen [...]
Kommentare
Montag 2.Januar 2006: 12:49
hiho!
man kann zwar text einfügen-aber wozu? das areafeld ist doch schon zum reinschreiben.
interessanter wär es doch, das an der richtigen position, ohne vorher zu markieren, nur reinklicken ,eintragen zu lassen....
Montag 2.Januar 2006: 13:01
Um z.b. BBCode einzufügen.
Donnerstag 26.April 2007: 21:09
Wie ein kleines forum
Donnerstag 18.Juni 2009: 15:29
Hallo,
leider funktioniert das ganze nicht, wenn man auch prototype nutzt. Ist das Problem bekannt und gibt es dafür eine Lösung?
Danke
Andreas
Donnerstag 18.Juni 2009: 16:46
Ich wüßte nicht, woran sich Prototype stören sollte.
Donnerstag 18.Juni 2009: 19:10
Hallo Struppi,
Prototype geht, aber dieses Script hier nicht mehr .... also andersherum ...
Grüße
Andreas
Freitag 19.Juni 2009: 0:11
Da sollte sich erst recht nichts in die Quere kommen, aber ich kenn Prototype nicht so gut. In der Fehlerkonsole steht auch nichts?
Freitag 19.Juni 2009: 2:18
Hallo Struppi,
nein, es gibt keinen Fehler, es passiert einfach nur "Nichts". Nehme ich die Prototype aus dem Header raus, gehts. Sehr komisch ...
Freitag 19.Juni 2009: 8:52
Ich hab's mal ausprobiert. Wenn ich Prototype einfach einbinde, funktioniert das Skript immer noch. Ich kann dir so nicht helfen, höchstens wenn du mal ein Beispiel zeigst.
Samstag 20.Juni 2009: 23:58
Hallo Struppi,
so ganz konnte ich das nicht lösen, ich nutze jetzt für mein AJAX aber jquery und damit geht es irgendwie auch
Einen Kommentar hinterlassen