js: Insert tekst functie op positie cursos

[Verwijderd]

Ik heb een functie aangemaakt om in een rich text editor via een button een tab in te voeren:

code:

function insertTab(rte) {
    var oRTE;
    if (document.all) {
        oRTE = frames[rte].document;
    } else {
        oRTE = document.getElementById(rte).contentWindow.document;
    }
    try {
        oRTE.focus();
        oRTE.body.innerHTML += "\t";
        oRTE.focus();
    } catch (e) {
    }
}

Met deze functie wordt de tab op het eind van de inhoud geplaatst. Nu wil ik dat er een tab op de positie van de cursor geplaatst wordt. Ik heb gezocht via google, maar wordt daar niks wijzer van.

[Crayne]

[google=javascript determine position cursor textarea]:?

Lijkt me toch dat daar wel degelijk goede links tussen staan.

En deze meneer doet exact wat jij wilt bereiken (insert at cursor). Al heeft hij zelf weer een ander probleem.

[ Voor 73% gewijzigd door Crayne op 23-02-2007 10:02 ]

[BtM909]

Wij doen het hier op GoT ook. Heb je weleens in de code hier gekeken?

[Verwijderd]

Het is me gelukt met de volgende code wanneer ik op de tab-toets druk:

code:

if (document.frames["rte1"].event.keyCode == 9) {
        sel = document.selection.createRange();
        sel.text += "\t";
return false;
}

Alleen "\t" wordt niet gezien als een tab maar als een spatie. Heeft dat te maken omdat de inhoud van de textarea innerHTML is?

[crisp]

De inhoud van een textarea pas je aan middels het .value attribuut

[semicolon]

crisp schreef op vrijdag 23 februari 2007 @ 11:09:
De inhoud van een textarea pas je aan middels het .value attribuut

pssst,

Verwijderd schreef op vrijdag 23 februari 2007 @ 09:19:
...een rich text editor via ...

Heb je al eens gekeken naar execCommand in combinatie met het commando insertHTML?

[Verwijderd]

crisp schreef op vrijdag 23 februari 2007 @ 11:09:
De inhoud van een textarea pas je aan middels het .value attribuut

Het probleem is niet dat de inhoud niet aangepast wordt, maar dat "\t" als een spatie gezien wordt. De inhoud van de 'textarea' is namelijk html (rich text editor). Wanneer ik de .value optie gebruik, gebeurt er helemaal niets.

Max v W schreef op vrijdag 23 februari 2007 @ 11:13:
[...]


pssst,

[...]


Heb je al eens gekeken naar execCommand in combinatie met het commando insertHTML?

Daar heb ik idd al naar gekeken, alleen welk execCommand moet ik dan gebruiken?

[ Voor 80% gewijzigd door Verwijderd op 23-02-2007 11:25 ]

[crisp]

Noem het dan geen textarea

Maar tabs in HTML worden alleen gerendered voor elementen met white-space: pre

[Verwijderd]

crisp schreef op vrijdag 23 februari 2007 @ 11:19:
Maar tabs in HTML worden alleen gerendered voor elementen met white-space: pre

Met white-space: pre; blijft de invoer van "\t" maar 1 spatie

[crisp]

Verwijderd schreef op vrijdag 23 februari 2007 @ 12:05:
[...]


Met white-space: pre; blijft de invoer van "\t" maar 1 spatie

Ik neem aan dat je weet dat ik het over CSS heb?

[Verwijderd]

Ja , ik heb dit:

code:

<style>
body {
   white-space: pre; 
   background: #FFFFFF;
   margin: 0px;
   font-family: Verdana; 
   font-size: 12px; 
   padding: 5px;
}
</style>

Met dit geeft "\t" 1 spatie weer.

[Verwijderd]

Niemand?