Texteditor
Hej eksperterJeg har en texteditor som virker udemærket, hvor man blandt andet kan lave fed, kursiv osv. Nu vil jeg så gerne have at man kan sætte et link ind til en anden side. Nogen der kan hjælpe med dette?
Og lige et ekstra spørgsmål. Nogen gange når man går ind på den kan man ikke få lov til at skrive noget i feltet. Hvis man så opdatere kan man så nogen gange få lov til at skrive.
Nogen der kan hjælpe med dette?
Den ser således ud:
<tr>
<td> </td>
<td colspan='3'>
<img style="cursor:pointer" src="../billeder/texteditor/bold.gif" onclick="ExecCommand('Bold',false)">
<img style="cursor:pointer" src="../billeder/texteditor/italic.gif" onclick="ExecCommand('Italic',false)">
<img style="cursor:pointer" src="../billeder/texteditor/under.gif" onclick="ExecCommand('Underline',false)">
<img style="cursor:pointer" src="../billeder/texteditor/strike.gif" onclick="ExecCommand('StrikeThrough',false)">
<img style="cursor:pointer" src="../billeder/texteditor/left.gif" onclick="ExecCommand('JustifyLeft',false)">
<img style="cursor:pointer" src="../billeder/texteditor/center.gif" onclick="ExecCommand('JustifyCenter',false)">
<img style="cursor:pointer" src="../billeder/texteditor/right.gif" onclick="ExecCommand('JustifyRight',false)">
<img style="cursor:pointer" src="../billeder/texteditor/subscript.gif" onclick="ExecCommand('Subscript',false)">
<img style="cursor:pointer" src="../billeder/texteditor/superscript.gif" onclick="ExecCommand('Subscript',false)">
<img style="cursor:pointer" src="../billeder/texteditor/inserthorizontalrule.gif" onclick="ExecCommand('InsertHorizontalRule',false)">
<img style="cursor:pointer" src="../billeder/texteditor/bullist.gif" onclick="ExecCommand('InsertUnorderedList',false)">
<img style="cursor:pointer" src="../billeder/texteditor/numlist.gif" onclick="ExecCommand('InsertOrderedList',false)">
<a href="#" onclick="ExecCommand('CreateLink',false,prompt('URL','http://'))">URL</a>
</td>
</tr>
<tr>
<td><b>Teskt:</b></td>
<td colspan='2'>
<input type="text" id="text" name="text" style="display:none">
<iframe id="wysiwyg" style="width:600px; height:300px;" onload="LoadWysiwyg();"></iframe>
</td>
</tr>
<script type="text/javascript" language="javascript">
function ExecCommand(a,b,c){
document.getElementById("wysiwyg").contentWindow.focus();
document.getElementById("wysiwyg").contentWindow.document.execCommand(a,b,c);
}
var editor=document.getElementById("wysiwyg");
function LoadWysiwyg(){
editor.contentWindow.document.body.innerHTML=document.getElementById('text').value;
editor.contentWindow.document.designMode="on"
}
</script>