indsæt link i textarea i "mini-editor"
Hej jeg har denne simple minieditor:<script language="JavaScript"><!--
function addFedStart(felt) {
insertAtCaret(felt, '[FED]')
}
function addFedSlut(felt) {
insertAtCaret(felt, '[/FED]')
}
function addKursivStart(felt) {
insertAtCaret(felt, '[KURSIV]')
}
function addKursivSlut(felt) {
insertAtCaret(felt, '[/KURSIV]')
}
function addUnderStart(felt) {
insertAtCaret(felt, '[UNDERSTREG]')
}
function addUnderSlut(felt) {
insertAtCaret(felt, '[/UNDERSTREG]')
}
function addCenterStart(felt) {
insertAtCaret(felt, '[CENTRER]')
}
function addCenterSlut(felt) {
insertAtCaret(felt, '[/CENTRER]')
}
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =
caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?
text + ' ' : text;
}
else
textEl.value = text;
}
// -->
</script>
<table width="430">
<tr>
<td colspan="4" align="center">
<textarea cols="50" rows="12" name="tekst" ONSELECT="storeCaret(this);" ONCLICK="storeCaret(this);" ONKEYUP="storeCaret(this);" onFocus="formBg(this)" onBlur="formBgB(this)"></textarea>
</td>
</tr>
<tr>
<td align="center"><input type="button" class="editorknap" id="fed" value="Fed, Start" onclick="addFedStart(this.form.tekst)" onFocus="formBg(this)" onBlur="formBgB(this)"></td>
<td align="center"><input type="button" class="editorknap" id="kursiv" value="Kursiv, Start" onclick="addKursivStart(this.form.tekst)" onFocus="formBg(this)" onBlur="formBgB(this)"></td>
<td align="center"><input type="button" class="editorknap" id="under" value="Understreg, Start" onclick="addUnderStart(this.form.tekst)" onFocus="formBg(this)" onBlur="formBgB(this)"></td>
<td align="center"><input type="button" class="editorknap" value="Centrér, Start" onclick="addCenterStart(this.form.tekst)" onFocus="formBg(this)" onBlur="formBgB(this)"></td>
</tr>
<tr>
<td align="center"><input type="button" class="editorknap" id="fed" value="Fed, Slut" onclick="addFedSlut(this.form.tekst)" onFocus="formBg(this)" onBlur="formBgB(this)"></td>
<td align="center"><input type="button" class="editorknap" id="kursiv" value="Kursiv, Slut" onclick="addKursivSlut(this.form.tekst)" onFocus="formBg(this)" onBlur="formBgB(this)"></td>
<td align="center"><input type="button" class="editorknap" id="under" value="Understreg, Slut" onclick="addUnderSlut(this.form.tekst)" onFocus="formBg(this)" onBlur="formBgB(this)"></td>
<td align="center"><input type="button" class="editorknap" value="Centrér, Slut" onclick="addCenterSlut(this.form.tekst)" onFocus="formBg(this)" onBlur="formBgB(this)"></td>
</tr>
</table>
Jeg søger en knap som kan indsætte et link i textareaet - ikke på samme måde som de andre kommandore, men via f.eks et popup vinduei eller evt på samme side i bunden.
Det skal være sådan at man i et textfelt skriver URL og i et andet skriver selve LINKteksten og ved klik på indsæt link sættes flg ind i textarea: [a href="www.url.dk"]LINKtekst[/a]
OBS: jeg er ikke så stiv i javascript
