Stránka 1 z 1

Javascript - vložení text v místě kurzoru...

Napsal: čtv 3. kvě 2012, 15:34
od Václav Sedlář
Dobrý den na webu který dělám mám několik formulářů kde se vkládá text do pole textarea. Pod tímto textem má pár tlačítek na vkládání formátovacích znaků (stejně jako je zde na na foru - tučně, kurziva,podtrženě a odkaz).

Nevím ale jak udělat, aby se mi tyto znaky vložili tam, kde je aktuálně kurzor. Zatím se to vkládá vždy na konec textu (+kurzor zmizí, takže se mezi formátovací značky musí ještě kliknout)..

Prosím o radu jak to udělat, aby se po vložili značky tam kde je kurzor a zároveň se kurzor přesunul mezi tyto znaky...

Můj js kód, který vkládá znaky:

Kód: Vybrat vše

function vloz(tag, form){

var x="["+tag+"]"+"[/"+tag+"]";
var y=form.tema.value;

document.forms['nova_anketa'].tema.value = y+x;

}
a u tlačítka na vložení znaků mám volání fce takto:

Kód: Vybrat vše

<input class="tag_tlacitko_clanek" type="button" value="b" onclick="vloz('b', zalozeni_editace_clanek_stud);" />

Re: Javascript - vložení text v místě kurzoru...

Napsal: čtv 3. kvě 2012, 16:31
od 1Pupik1989
Třeba tu

Re: Javascript - vložení text v místě kurzoru...

Napsal: pát 4. kvě 2012, 14:43
od arxeiss
http://heraeus-kulzer.cz/design/sc.js
Jednou jsem si to psal sám, ale v IE jsem to nerozchodil, nakonec jsem jednu funkci zkopčil z PHPBB.
Jsou tam funkce bbcode a BBcodeIEpos (tu jsem vzal z PHPBB) je to napsané mnou ale hodně dávno... možná je to složitě, ale funguje to :)
Umožňuje vkládat i nepárové tagy, ale ani nevím, jestli jsem to někdy využil...

P.S. Nefunguje to v <input> teda jo kromě IE.. A mám tam napevno určený ten element, takže to si kdyžtak uprav...
Jak říkám, psal jsem to hodně dávno...

Re: Javascript - vložení text v místě kurzoru...

Napsal: pát 4. kvě 2012, 17:44
od Václav Sedlář
díky...dnes se k tomu konečně snad dostanu...zkusím...

Re: Javascript - vložení text v místě kurzoru...

Napsal: sob 5. kvě 2012, 00:09
od Václav Sedlář
arxeiss:

Moc ti děkuji...funguje to...upravil jsem si to podle sebe-předávám navíc funkci id formuláře a id pole...