14. marts 2004 - 00:57
Der er
9 kommentarer og 2 løsninger
Find variabel for tekst felt.
Jeg sidder og leger lidt med koden fra legestue's html-editor (
http://www.eksperten.dk/spm/354198 )
Hvis i prøver den (
http://www.larsolesen.dk/htmleditor/editor.php ) kan i se at når man trykker på submit kommer skriver den html'en ud.
Når jeg bare har lånt koden for hans side, får jeg selvfølgelig ikke php'en med. Og nu til mit spørgsmål.
Jeg skal skal have fanget html'en i en variabel, men kan ikke gennemskue hvilket tekstfelt det ligge i. Synes snart jeg har prøvet det meste :) Nogen der er skarpere end mig?
Peter
Annonceindlæg fra Infor
14. marts 2004 - 01:26
#5
På trods af de mange opfordinger til at bruge spaw, forsætter jeg lidt endnu med den lille. Når jeg skriver echo print_r($_POST) Skriver den bare: Array ( ) 1 Og nu bliver jeg først forviret :)
14. marts 2004 - 01:51
#9
$html ? <html> <head> <title> Browser Based HTML Editor </title> <script type="text/javascript"> var viewMode = 1; // WYSIWYG function Init() { iView.document.designMode = 'On'; } function selOn(ctrl) { ctrl.style.borderColor = '#000000'; ctrl.style.backgroundColor = '#B5BED6'; ctrl.style.cursor = 'hand'; } function selOff(ctrl) { ctrl.style.borderColor = '#D6D3CE'; ctrl.style.backgroundColor = '#D6D3CE'; } function selDown(ctrl) { ctrl.style.backgroundColor = '#8492B5'; } function selUp(ctrl) { ctrl.style.backgroundColor = '#B5BED6'; } function doBold() { iView.document.execCommand('bold', false, null); } function doItalic() { iView.document.execCommand('italic', false, null); } function doUnderline() { iView.document.execCommand('underline', false, null); } function doLeft() { iView.document.execCommand('justifyleft', false, null); } function doCenter() { iView.document.execCommand('justifycenter', false, null); } function doRight() { iView.document.execCommand('justifyright', false, null); } function doOrdList() { iView.document.execCommand('insertorderedlist', false, null); } function doBulList() { iView.document.execCommand('insertunorderedlist', false, null); } function doForeCol() { var fCol = prompt('Enter foreground color', ''); if(fCol != null) iView.document.execCommand('forecolor', false, fCol); } function doBackCol() { var bCol = prompt('Enter background color', ''); if(bCol != null) iView.document.execCommand('backcolor', false, bCol); } function doLink() { iView.document.execCommand('createlink'); } function doImage() { var imgSrc = prompt('Enter image location', ''); if(imgSrc != null) iView.document.execCommand('insertimage', false, imgSrc); } function doRule() { iView.document.execCommand('inserthorizontalrule', false, null); } function doFont(fName) { if(fName != '') iView.document.execCommand('fontname', false, fName); } function doSize(fSize) { if(fSize != '') iView.document.execCommand('fontsize', false, fSize); } function doHead(hType) { if(hType != '') { iView.document.execCommand('formatblock', false, hType); doFont(selFont.options[selFont.selectedIndex].value); } } function doToggleView() { if(viewMode == 1) { iHTML = iView.document.body.innerHTML; iView.document.body.innerText = iHTML; // Hide all controls tblCtrls.style.display = 'none'; selFont.style.display = 'none'; selSize.style.display = 'none'; selHeading.style.display = 'none'; iView.focus(); viewMode = 2; // Code } else { iText = iView.document.body.innerText; iView.document.body.innerHTML = iText; // Show all controls tblCtrls.style.display = 'inline'; selFont.style.display = 'inline'; selSize.style.display = 'inline'; selHeading.style.display = 'inline'; iView.focus(); viewMode = 1; // WYSIWYG } } function ProcessNews() { // Assign the HTML code to a hidden form variable var htmlCode = iView.document.body.innerHTML; document.frmNews.newsPost.value = htmlCode; // Make sure that all fields are completed //if(document.frmNews.author.selectedIndex == 0) //{ //alert('Please select an author for this news post.'); //document.frmNews.author.focus(); return false; //} //if(document.frmNews.title.value == '') //{ //alert('This news post must contain a title.'); //document.frmNews.title.focus(); return false; //} //if(document.frmNews.topics.selectedIndex == -1) //{ //alert('Please select a topic for this news post.'); //document.frmNews.topics.focus(); //return false; //} if(document.frmNews.newsPost.value == '') { alert('Please enter some content for this news post.'); iView.focus(); return false; } return true; } </script> <style> .butClass { border: 1px solid; border-color: #D6D3CE; } .tdClass { padding-left: 3px; padding-top:3px; } </style> <body onLoad="Init()"> <table id="tblCtrls" width="415px" height="30px" border="0" cellspacing="0" cellpadding="0" bgcolor="#D6D3CE"> <tr> <td class="tdClass"> <img alt="Bold" class="butClass" src="bold.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doBold()"> <img alt="Italic" class="butClass" src="italic.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doItalic()"> <img alt="Underline" class="butClass" src="underline.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doUnderline()"> <img alt="Left" class="butClass" src="left.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doLeft()"> <img alt="Center" class="butClass" src="center.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCenter()"> <img alt="Right" class="butClass" src="right.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doRight()"> <img alt="Ordered List" class="butClass" src="ordlist.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doOrdList()"> <img alt="Bulleted List" class="butClass" src="bullist.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doBulList()"> <!-- <img alt="Text Color" class="butClass" src="forecol.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doForeCol()"> --> <!-- <img alt="Background Color" class="butClass" src="bgcol.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doBackCol()"> --> <img alt="Hyperlink" class="butClass" src="link.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doLink()"> <img alt="Image" class="butClass" src="image.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doImage()"> <img alt="Horizontal Rule" class="butClass" src="rule.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doRule()"> </td> </tr> </table> <table width="415px" height="30px" border="0" cellspacing="0" cellpadding="0" bgcolor="#D6D3CE"> <tr> <td class="tdClass" colspan="1" width="80%"> <!-- <select name="selFont" onChange="doFont(this.options[this.selectedIndex].value)"> <option value="">-- Font --</option> <option value="Arial">Arial</option> <option value="Courier">Courier</option> <option value="Sans Serif">Sans Serif</option> <option value="Tahoma">Tahoma</option> <option value="Verdana">Verdana</option> <option value="Wingdings">Wingdings</option> </select> --> <!-- <select name="selSize" onChange="doSize(this.options[this.selectedIndex].value)"> <option value="">-- Size --</option> <option value="1">Very Small</option> <option value="2">Small</option> <option value="3">Medium</option> <option value="4">Large</option> <option value="5">Larger</option> <option value="6">Very Large</option> </select>--> <select name="selHeading" onChange="doHead(this.options[this.selectedIndex].value)"> <option value="">-- Heading --</option> <option value="<h1>">h1</option> <option value="<h2>">h2</option> <option value="<h3>">h3</option> <option value="<h4>">h4</option> <option value="<h5>">h5</option> <option value="<h6>">h6</option> </select> </td> <td class="tdClass" colspan="1" width="20%" align="right"> <img alt="Toggle Mode" class="butClass" src="mode.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doToggleView()"> </td> </tr> </table> <iframe id="iView" style="width: 415px; height:205px"></iframe> <form onSubmit="return ProcessNews()" name="frmNews" action="editor.php" method="post"> <input type="hidden" name="action" value="addNews"> <input type="hidden" name="newsPost" value=""> <input type="submit" name="Submit" value="Submit"> </form> <? echo "$html"; ?> <p> </p> </body> </html>