CMS og ASP
Vi skal lave et CMS-system, og har valgt at bruge følgende script til vores web-editor.Er der nogen, der kan fortælle mig, hvordan jeg så får koblet selve sitet og denne web editor sammen - altså, hvordan får jeg web editoren til at vise det tekst, de billeder m.m. som er på selve sitet?? Alt info og indhold ligger i databaser.
Vi er ikke særlig hårde til ASP så det må gerne skæres ud i pap:-)
Skriv endelig hvis I mangler mere info!
--------------------------------------------------
<html>
<head>
<title>Text Editor</title>
<script language="javascript">
<!--
function over(element) {
element.style.borderStyle= "solid";
element.style.borderWidth = "1px";
element.style.borderColor = "#000000";
element.style.backgroundColor = "#F1F1F1";
element.style.cursor = "hand";
}
function out(element) {
element.style.borderColor = "#CCCCCC";
element.style.backgroundColor = "#CCCCCC"
element.style.cursor = "default";
}
function readyDiv() {
var theHTML;
theHTML = document.all.tags('div')['pageHTML'].innerText;
document.all.tags('div')['pageHTML'].innerHTML = theHTML;
}
function cmdExec(cmd,opt) {
pageHTML.document.execCommand(cmd,"",opt);
document.body.all.tags('div')['pageHTML'].focus();
}
function createLink() {
cmdExec("CreateLink");
}
function insertImage() {
var sImgSrc = prompt("Image: ", "http://www.[domain].[ext]/[folder]/[file]");
if(sImgSrc!=null)
cmdExec("InsertImage",sImgSrc);
}
function div2hidden(objForm) {
objForm.pageHTML.value = document.all.tags('div')['pageHTML'].innerHTML;
}
function go(where) {
window.location.href = where;
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF">
<form name="frmedit" method="post" onsubmit="return div2hidden(this);" action="editor.asp">
<input type="hidden" name="pageHTML" value="">
<input type="hidden" name="update" value="1">
<input type="hidden" name="file" value="example.asp">
<table width="550" cellpadding="2" cellspacing="2" align="center" style="border-style: solid; border-width: 1px; border-color: #000000;" bgcolor="#CCCCCC">
<tr>
<td width="100%" align="center">
<input type="submit" value="Update">
<input type="button" value="Delete" onclick="go('editor.asp?mode=delete&file=example.asp');">
<input type="button" value="Cancel" onclick="go('default.asp');">
</td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#CCCCCC">
<tr>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('cut')">
<img src="img/cut.gif" alt="CUT - Ctrl + X">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('copy')">
<img src="img/copy.gif" alt="COPY - Ctrl + C">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('paste')">
<img src="img/paste.gif" alt="PASTE - Ctrl + V">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('bold')">
<img src="img/bold.gif" alt="BOLD - Ctrl + B">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('italic')">
<img src="img/italic.gif" alt="ITALIC - Ctrl + I">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('underline')">
<img src="img/underline.gif" alt="UNDERLINE - Ctrl + U">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('justifyleft')">
<img src="img/left.gif" alt="Justify Left">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('justifycenter')">
<img src="img/center.gif" alt="Center">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('justifyright')">
<img src="img/right.gif" alt="Justify Right">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('insertorderedlist')">
<img hspace="2" vspace="1" src="img/numlist.gif" alt="Ordered List">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('insertunorderedlist')">
<img hspace="2" vspace="1" src="img/bullist.gif" alt="Unordered List">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('outdent')">
<img hspace="2" vspace="1" src="img/unindent.gif" alt="Decrease Indent">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('indent')">
<img hspace="2" vspace="1" src="img/indent.gif" alt="Increase Indent">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="cmdExec('createLink')">
<img hspace="2" vspace="1" src="img/link.gif" alt="LINK - Ctrl + K">
</div>
</td>
<td valign="center" align="center" onmouseover="over(this);" onmouseout="out(this);" width="20" height="20">
<div onclick="insertImage()">
<img hspace="2" vspace="1" align="absmiddle" src="img/image.gif" alt="Image">
</div>
</td>
</tr>
<tr valign="middle">
<td colspan="16" width="100%">
<select onchange="cmdExec('foreColor',this[this.selectedIndex].value);this.selectedIndex=0">
<option value="0">Font Color</option>
<option value="#000000">Black</option>
<option value="#FF0000">Red</option>
<option value="blue">Blue</option>
</select>
<select onchange="cmdExec('fontname',this[this.selectedIndex].value);">
<option selected>Font</option>
<option value="Arial">Arial</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option>
</select>
<select onchange="cmdExec('fontsize',this[this.selectedIndex].value);">
<option selected>Size</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<!-- page content div -->
<div contentEditable="true" id="pageHTML" name="pageHTML" style="border-style: solid; border-width: 1px; border-color: #000000; background-color: #FFFFFF; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; width: 550px; height: 400px;">
<FONT face=Verdana color=#ff0000 size=2>Edit me</FONT>
</div>
<!-- / p c d -->
</td>
</tr>
<tr>
<td width="100%" align="center">
<input type="submit" value="Update">
<input type="button" value="Delete" onclick="go('editor.asp?mode=delete&file=example.asp');">
<input type="button" value="Cancel" onclick="go('default.asp');">
</td>
</tr>
</table>
</form>
</body>
</html