<ole>
Her er lidt kode, du kan starte med:
<html>
<head>
<title>Editor</title>
</head>
<body>
<form onsubmit=\"copyValue(this);\" name=\"bla\">
<iframe width=\"400\" height=\"250\" id=\"myEditor\"></iframe>
<textarea style=\"display: none\" name=EditorValue></textarea>
<script>
function copyValue(f) {
testWin = window.open(\'\',\'testWin\',\'width=450,height=250,menubar=yes\');
testWin.document.open();
testWin.document.write(\"<html>\\n<body>\\n\\n\" + myEditor.document.body.innerHTML + \"\\n\\n</body>\\n</html>\");
testWin.document.close();
f.elements.EditorValue.value = \"\" + myEditor.document.body.innerHTML + \"\";
}
function changeFontname() {
name = document.bla.myFont.value;
var tr = frames.myEditor.document.selection.createRange();
tr.execCommand (\"FontName\",\"False\",name);
document.all.myFont.style.display=\"none\";
document.all.setFont.style.display=\"none\";
}
function makeBold() {
var tr = frames.myEditor.document.selection.createRange();
tr.execCommand (\"bold\");
}
function doLink() {
var tr = frames.myEditor.document.selection.createRange();
tr.pasteHTML(\'<a href=\"\'+ document.bla.myURL.value +\'\">\'+ tr.text +\'</a>\');
document.all.myURL.style.display=\"none\";
document.all.makeLink.style.display=\"none\";
}
function paste() {
frames.myEditor.focus();
var tr = frames.myEditor.document.selection.createRange();
tr.text = \"noget\";
}
frames.myEditor.document.designMode = \"On\"
</script>
<br>
<input type=\"button\" onclick=\"makeBold()\" value=\"Bold\">
<input type=\"button\" onclick=\"paste()\" value=\"Sæt ind\">
<input type=\"button\" onclick=\"document.all.myURL.style.display=\'block\';document.all.myURL.select();document.all.makeLink.style.display=\'block\';\" value=\"Link\">
<input type=\"button\" onclick=\"document.all.myFont.style.display=\'block\';document.all.myFont.select();document.all.setFont.style.display=\'block\';\" value=\"Font\">
<input type=\"submit\" value=\"Submit\"><br><br>
<input type=\"text\" style=\"display:none\" name=\"myURL\" value=\"Skriv en URL\">
<input type=\"button\" onclick=\"doLink();\" value=\"Opret link\" style=\"display:none\" name=\"makeLink\">
<input type=\"text\" style=\"display:none\" name=\"myFont\" value=\"Skriv et fontnavn\">
<input type=\"button\" onclick=\"changeFontname();\" value=\"Set font\" style=\"display:none\" name=\"setFont\">
</form>
<script language=\"JavaScript\">
frames.myEditor.body.innerHTML = \"noget\";
frames.myEditor.focus();
</script>
<a href=\"#\" onclick=\"frames.myEditor.document.body.innerHTML=\'noget <b>fed</b> tekst\';\">test</a>
</body>
</html>
Det er et gammelt eksperiment, jeg havde liggende....ikke så kønt, men det er der.
Videre kan du læse på:
http://msdn.microsoft.com/workshop/author/dhtml/edit/ref/cncpt.asp/mvh
</bole>