Hallo ik werk aan een javascript dat bbcode tags in een texarea plaatst.
Ik heb nu de volgende code
Deze code werkt prima, hij voegt bij iedere klik een openings en sluitings tag toe.
Nu wil ik echter ook de geselcteerde tekst benaderen.
Ik heb gezocht op internet maar ik kan geen methode vinden om dit te doen.
Bijvoorbeeld:
Ik selecteer de tekst "Hello World" in een textarea.
Vervolgens klik ik op de button "B" en deze tekst verandert in
"Hello World"
Op tweakers werkt dit ook zo.
Ik heb nu de volgende code
JavaScript:
1
2
3
4
5
| function make_bbcode(tag) { content = document.getElementById("article").value document.getElementById("article").value = "[" + tag + "]" + "[/" + tag + "]" + content } |
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
| <tr> <td>BBCode:</td> <td> <input type="button" name="b" value="B" onClick="make_bbcode('b')" /> <input type="button" name="i" value="I" onClick="make_bbcode('i')" /> <input type="button" name="img" value="IMG" onClick="make_bbcode('img')" /> </td> </tr> <tr> <td>{$lang.18}:</td> <td><textarea id="article" name="article" cols="20" rows="5">{$article}</textarea></td> </tr> |
Deze code werkt prima, hij voegt bij iedere klik een openings en sluitings tag toe.
Nu wil ik echter ook de geselcteerde tekst benaderen.
Ik heb gezocht op internet maar ik kan geen methode vinden om dit te doen.
Bijvoorbeeld:
Ik selecteer de tekst "Hello World" in een textarea.
Vervolgens klik ik op de button "B" en deze tekst verandert in
"Hello World"
Op tweakers werkt dit ook zo.