- Registriert
- 10.07.08
- Beiträge
- 35
Vor kurzem habe ich einen einfachen WYSIWIG-Editor für mein Forum geschrieben. Naja - eher nur der Editor. Denn beim Speichern weiss ich nicht weiter. Wie kann ich beim folgenden Code das so machen, dass es beim Knopf "senden" es in die MySQL-Datenbank schreibt, aber als HTML-Code?
Mein Code:
<html>
<head>
<title>Online-Editor/title>
</head>
<script>
function format(command, parameter)
{
divEditable.focus();
document.execCommand(command, false, parameter);
}
</script>
<body>
<button onClick="format('JustifyLeft', '');" style="border: 1px solid #aaaaaa;">Text beginnen<br></button><br />
<button onClick="format('Bold', '');" style="border: 1px solid #aaaaaa;" ><b>B</b></button>
<button onClick="format('Italic', '');" style="border: 1px solid #aaaaaa;"><i>K</i></button>
<button onClick="format('Underline', '');" style="border: 1px solid #aaaaaa;"><u>U</u></button><br />
<button onClick="format('FontName', 'Times New Roman');" style="border: 1px solid #aaaaaa;"><font face="Times New Roman">Times</font></button>
<button onClick="format('FontName', 'Arial');" style="border: 1px solid #aaaaaa;"><font face="Arial">Arial</font></button>
<button onClick="format('FontName', 'Courier New');" style="border: 1px solid #aaaaaa;"><font face="Courier New">Courier New</font></button><br>
<button onClick="format('ForeColor', 'black');" style="border: 1px solid #aaaaaa;"><font color="black">schwarz</font></button>
<button onClick="format('ForeColor', 'red');" style="border: 1px solid #aaaaaa;"><font color="red">rot</font></button>
<button onClick="format('ForeColor', 'blue');" style="border: 1px solid #aaaaaa;"><font color="blue">blau</font></button><br>
<button onClick="format('FontSize', 1);" style="border: 1px solid #aaaaaa;">1</button>
<button onClick="format('FontSize', 3);" style="border: 1px solid #aaaaaa;">2</button>
<button onClick="format('FontSize', 5);" style="border: 1px solid #aaaaaa;">5</button>
<button onClick="format('FontSize', 7);" style="border: 1px solid #aaaaaa;">7</button><br>
<br><br>
<div style="height:300; width=95%; background-color:white; padding:3; border:inset 2px; overflow:auto;" id="divEditable" contenteditable></div>
</body>
</html>
Gruss, Item
Mein Code:
<html>
<head>
<title>Online-Editor/title>
</head>
<script>
function format(command, parameter)
{
divEditable.focus();
document.execCommand(command, false, parameter);
}
</script>
<body>
<button onClick="format('JustifyLeft', '');" style="border: 1px solid #aaaaaa;">Text beginnen<br></button><br />
<button onClick="format('Bold', '');" style="border: 1px solid #aaaaaa;" ><b>B</b></button>
<button onClick="format('Italic', '');" style="border: 1px solid #aaaaaa;"><i>K</i></button>
<button onClick="format('Underline', '');" style="border: 1px solid #aaaaaa;"><u>U</u></button><br />
<button onClick="format('FontName', 'Times New Roman');" style="border: 1px solid #aaaaaa;"><font face="Times New Roman">Times</font></button>
<button onClick="format('FontName', 'Arial');" style="border: 1px solid #aaaaaa;"><font face="Arial">Arial</font></button>
<button onClick="format('FontName', 'Courier New');" style="border: 1px solid #aaaaaa;"><font face="Courier New">Courier New</font></button><br>
<button onClick="format('ForeColor', 'black');" style="border: 1px solid #aaaaaa;"><font color="black">schwarz</font></button>
<button onClick="format('ForeColor', 'red');" style="border: 1px solid #aaaaaa;"><font color="red">rot</font></button>
<button onClick="format('ForeColor', 'blue');" style="border: 1px solid #aaaaaa;"><font color="blue">blau</font></button><br>
<button onClick="format('FontSize', 1);" style="border: 1px solid #aaaaaa;">1</button>
<button onClick="format('FontSize', 3);" style="border: 1px solid #aaaaaa;">2</button>
<button onClick="format('FontSize', 5);" style="border: 1px solid #aaaaaa;">5</button>
<button onClick="format('FontSize', 7);" style="border: 1px solid #aaaaaa;">7</button><br>
<br><br>
<div style="height:300; width=95%; background-color:white; padding:3; border:inset 2px; overflow:auto;" id="divEditable" contenteditable></div>
</body>
</html>
Gruss, Item