Webeditor met behulp van iframe
Ik heb ergens een prachtig scriptje gevonden voor een webeditor. Het werkt met javascript en een iframepje. Het werkt goed, maar ik zou nu graag de tekst die je in dat iframe zet willen kunnen opslaan (bv. in een database).
Hier is het sript:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>webeditor</title>
<script type="text/javascript" language="javascript">
function load(){
Frame("editArea").designMode = "On";
}
function Frame(iFrameID){
if (document.getElementById(iFrameID).contentDocument){
//Mozilla
return document.getElementById(iFrameID).contentDocument;
} else {
//Internet Explorer
return document.frames[iFrameID].document;
}
}
function Commando(cmdStr,valCmdStr){
Frame('editArea').execCommand(cmdStr,false,valCmdStr);
}
function Link(){
var linkURL = prompt("Typ de link:", "http://");
Frame("editArea").execCommand("createLink", false, linkURL);
}
function ziecode(){
var content = Frame("editArea").body.innerHTML;
document.getElementById("code").innerHTML = content.replace(/</g,"<");
}
</script>
</head>
<body onload="load()">
//kijken of er een bestand is geselecteerd
if(isset($_FILES['bestand'])) {
@$code="<div id=\"code\"></div>";
@$comment=htmlspecialchars(@$comment);
@$comment=stripslashes(nl2br(@$comment));
$con = mysql_connect("localhost","root");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("foto", $con);
$datum=date("d-m-Y H:i:s");
$sql="INSERT INTO fototabel (comment,date)
VALUES
('$comment','$datum')";
if (!mysql_query($sql,$con))
{
die('Error: ' . mysql_error());
}
echo "1 record added<p>\n";
echo "<a href=\"result.php\">resultaten</a><p>\n";
mysql_close($con);
?>
<form action="" method="post" enctype="multipart/form-data">
<iframe src="" id="editArea" width="50%"></iframe><br/>
<input type="button" value="schuin" onclick="Commando('italic')"/>
<input type="button" value="vet" onclick="Commando('bold')"/>
<input type="button" value="onderlijnd" onclick="Commando('underline')"/>
<input type="button" value="maak link" onclick="Link()"/>
<input type="hidden" value="$code" name="comment">
<p>
<input type="submit" name="submit" value="Upload">
</form>
</body>
</html>
http://www.hermancandries.be/webeditor/
Hoe kan ik de inhoud van het iframe ergens "opslaan"?
PS. Je kan de code zien mbv de link.