Text editor - Nye browsere.
HejJeg har denne texteditor som jeg bruger sammen med et cms system jeg har lavet.
I de gamle browsere virkede det fint, men i de nyere kommer der en ramme rundt om teksten. Se bla.:
http://muskelterapeut.dk/vis_normal.php?type=Profil
Håber der er nogen der kan optimere det til også at virke med de nyere browsere. På forhånd tak.
Koden ser således ud:
<? include("../texteditor.php"); ?>
<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>
og texteditor.php ser således ud:
<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>