problem med wysiwyg i ei
Hej eksperter,jeg har en lille wysiwyg, som virker fint i firefox, safari og opera men ikke i ie6/ie7 ?
sådan her ser min html side ud:
<html>
<head>
<script type="text/javascript" src="js/wi_editor.js"></script>
<script type="text/javascript">
//wi_editor.CreateEditor('1');
window.onload = function() {wi_editor.CreateEditor('content');};
</script>
</head>
<body>
<form name="1">
<textarea name="content" id="content">Dette er en html editor</textarea>
</form>
</body>
</html>
og min javascript fil ser sådan her ud:
var TheEditor;
var rememberContent = "";
var SetEditor="";
wi_editor = {
CreateEditor: function(id) {
var doc=document.getElementById(id);
doc.style.display ="none";
var i_id = "editor_" + id;
if(doc == null) {
alert("Det er ingen TEXTAREA med id'et :" + id );
return;
}
if(doc.innerHTML != null && doc.innerHTML != "")
rememberContent = doc.innerHTML;
var newElm = document.createElement("div");
newElm.setAttribute( "id", "editor" );
newElm.innerHTML = "<div id='editor_bar'>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"bold\")'>bold</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"italic\")'>italic</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"underline\")'>underline</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"strikethrough\")'>strikethrough</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"subscript\")'>subscript</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"superscript\")'>superscript</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"justifycenter\")'>justifycenter</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"justifyleft\")'>justifyleft</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"justifyright\")'>justifyright</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"justifyfull\")'>justifyfull</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"selectall\")'>selectall</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"removeformat\")'>removeformat</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"copy\")'>copy</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"cut\")'>cut</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"paste\")'>paste</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"redo\")'>redo</div>";
newElm.innerHTML += "<div class='imagebtn' onclick='java script:wi_editor.SelectEdit(\"undo\")'>undo</div>";
newElm.innerHTML += "</div><div id='editor_input'>";
newElm.innerHTML += "<iframe id='"+i_id+"' frameborder='0' style='width:100%;height:300px;'></iframe>";
newElm.innerHTML += "</div>";
doc.parentNode.insertBefore(newElm,doc);
TheEditor = document.getElementById(i_id).contentWindow.document;
TheEditor.open();
TheEditor.write(rememberContent);
TheEditor.close();
TheEditor.designMode = "on";
},
SelectEdit : function(id){
switch(id) {
case "bold":
TheEditor.execCommand('bold', false, null);
break;
case "italic":
TheEditor.execCommand('italic', false, null);
break;
case "underline":
TheEditor.execCommand('underline', false, null);
break;
case "strikethrough":
TheEditor.execCommand('strikethrough', false, null);
break;
case "subscript":
TheEditor.execCommand('subscript', false, null);
break;
case "superscript":
TheEditor.execCommand('superscript', false, null);
break;
case "justifycenter":
TheEditor.execCommand('justifycenter', false, null);
break;
case "justifyleft":
TheEditor.execCommand('justifyleft', false, null);
break;
case "justifyright":
TheEditor.execCommand('justifyright', false, null);
break;
case "justifyfull":
TheEditor.execCommand('justifyfull', false, null);
break;
case "selectall":
TheEditor.execCommand('selectall', false, null);
break;
case "removeformat":
TheEditor.execCommand('removeformat', false, null);
break;
case "copy":
TheEditor.execCommand('copy', false, null);
break;
case "cut":
TheEditor.execCommand('cut', false, null);
break;
case "paste":
TheEditor.execCommand('paste', false, null);
break;
case "undo":
TheEditor.execCommand('undo', false, null);
break;
case "redo":
TheEditor.execCommand('redo', false, null);
break;
}
}
}
