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
Nur wie kann ich das aus diesem Editor raus machen. Bis jetzt wars eben nur ein Textfeld, wo man die BBCodes selbst eingeben musste. Nun fand ich dieses eine schöne Erweiterung. Nur wie kann ich das zusammenfügen?
