Saluti a tutti,
ho trovato un articolo http://javascript.html.it/articoli/leggi/2269/costruire-un-web-editor-wysiwyg/]Costruire un web editor WYSIWYG[/URL]. Quello che non riesco a fare è passare la variabile editArea di un iframe con il metodo POST.
Ho provato a fare così:
$testo = $_POST['editArea'];
echo $testo;
ma non ottengo risultati.
Qualcuno può aiutarmi?
Ciao,
il tuo problema mi sa di HTML, però dovresti dare qualche informazione aggiuntiva, ad esempio il codice della pagina HTML contenente il form cosi da poter verificare ed eventualmente spostare il thread dove possano aiutarti facilmente
The fastest Redis alternative ... cachegrand! https://github.com/danielealbano/cachegrand
Ciao,
come ho detto prima ho trovato questo esempio su un articolo pubblicato su html.it però non era completo, mancava la pagina lato server.
Grazie
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Un editor Visuale: Esempio 9, Risultato finale</title>
<script type="text/javascript" language="javascript">
function load(){
AttivaFrame("editArea").designMode = "On";
}
function AttivaFrame(iFrameID){
if (document.getElementById(iFrameID).contentDocument ){
//Mozilla
return document.getElementById(iFrameID).contentDocument;
} else {
//Internet Explorer
return document.frames[iFrameID].document;
}
}
function applicaComando(cmdStr,valCmdStr){
if (!document.getElementById("editArea").contentDocum ent){
switch(valCmdStr){
case "h1":
valCmdStr = "heading 1";
break;
case "h2":
valCmdStr = "heading 2";
break;
case "h3":
valCmdStr = "heading 3";
break;
case "p":
valCmdStr = "paragraph";
break;
}
}
AttivaFrame("editArea").execCommand(cmdStr,false,v alCmdStr);
}
function aggiungiLink(){
var linkURL = prompt("Inserisci il link da aggiungere:", "");
AttivaFrame("editArea").execCommand("createLink", false, linkURL);
}
function vediCodice(){
var contenuto = AttivaFrame("editArea").body.innerHTML;
document.getElementById("codice").innerHTML = contenuto.replace(/</g,"<");
}
function pulisciCodice(){
var contenuto = AttivaFrame("editArea").body.innerHTML;
contenuto = contenuto.replace(/<br\>/gi,"
");
contenuto = contenuto.replace(/(<p\>)(.*)(<\/p\>)/gi,"
$2</p>");
contenuto = contenuto.replace(/<\a/gi,"<a");
contenuto = contenuto.replace(/<\/a\>/gi,"</a>");
contenuto = contenuto.replace(/<\div\>/gi,"<div>");
contenuto = contenuto.replace(/<\/div\>/gi,"</div>");
contenuto = contenuto.replace(/(<strong\>)(.*)(<\/strong\>)/gi,"<span style=\"font-style: bold;\">$2</span>");
contenuto = contenuto.replace(/(<ul\>)(.*)(<\/ul\>)/gi,"<ul>$2[/list]");
contenuto = contenuto.replace(/(<li\>)(.*)(<\/li\>)/gi,"[*]$2");
//internet explorer
contenuto = contenuto.replace(/(<font )(color)(=)(#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?)(>)(.*)(<\/font\>)/gi,"<span style=\"$2:$4;\">$9</span>");
contenuto = contenuto.replace(/(<p )(align)(=)([A-Za-z]*)(>)(.*)(<\/p\>)/gi,"<div style=\"text-align: $4;\">$6</div>");
contenuto = contenuto.replace(/(<em\>)(.*)(<\/em\>)/gi,"<span style=\"font-style: italic;\">$2</span>");
//opera
contenuto = contenuto.replace(/(<font )(color)(=\")(#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?)(\")(>)(.*)(<\/font\>)/gi,"<span style=\"$2:$4;\">$10</span>");
contenuto = contenuto.replace(/(<div )(align)(=\")([A-Za-z]*)(\")(>)(.*)(<\/div\>)/gi,"<div style=\"text-align:$4;\">$7</div>");
contenuto = contenuto.replace(/(<i\>)(.*)(<\/i\>)/gi,"<span style=\"font-style: italic;\">$2</span>");
document.getElementById("codicePulito").value = contenuto;
var valore=contenuto;
window.opener.document.location.href = "uploaderPage.php?valore="+<? $valore=; ?>;
}
</script>
<style type="text/css">
div#pulsantiera {
background: ButtonFace;
width: 402px;
padding: 10px 0;
text-align: center;
}
#editArea {
width: 400px;
border: 1px solid #CCC;
}
#pulsantiera a {
background: ButtonFace;
color: ButtonText;
border: 1px solid ButtonFace;
}
#pulsantiera a.premuto {
background: ButtonHighlight;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
#pulsantiera img {
border: 0;
}
#pulsantiera a:hover {
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
</style>
</head>
<body onLoad="load()">
<form action="uploaderPage.php" method="POST" id=formEditArea" onSubmit="pulisciCodice()">
<input type="hidden" name="codicePulito"/>
<iframe src="" id="editArea" name="editArea" width="300" frameborder="0"></iframe>
<div id="pulsantiera">
[img]img/corsivo.gif[/img]
[img]img/grassetto.gif[/img]
[img]img/sottolineato.gif[/img]
[img]img/link.gif[/img]
[img]img/allineadestra.gif[/img]
[img]img/allineasinistra.gif[/img]
[img]img/allineacentro.gif[/img]
[img]img/giustifica.gif[/img]
[img]img/listaordinata.gif[/img]
[img]img/lista.gif[/img]
[img]img/copia.gif[/img]
[img]img/incolla.gif[/img]
[img]img/undo.gif[/img]
[img]img/redo.gif[/img]
<select onChange="applicaComando('formatblock',this.option s[this.selectedIndex].value)">
<option>Scegli formato</option>
<option value="h1">Titolo Grande</option>
<option value="h2">Titolo Medio</option>
<option value="h3">Titolo Piccolo</option>
<option value="p">Paragrafo</option>
</select>
<select onChange="applicaComando('forecolor',this.options[this.selectedIndex].value)">
<option>Scegli un colore</option>
<option value="#00FF00">Verde</option>
<option value="#FF0000">Rosso</option>
<option value="#0000FF">Blu</option>
<option value="#000000">Nero</option>
<option value="#990000">Rosso Mattone</option>
</select>
</div>
<input type="submit" value="salva"/>
</form>
</body>
</html>
a parte il codice scritto male, passa tutto via get che secondo me è un suicidio, visto il tipo di utilizzo
in ogni caso,
la riga che ci interessa è questa
window.opener.document.location.href = "uploaderPage.php?valore="+<? $valore=; ?>;
se nella tua pagina, chiamata uploaderPage.php scrivi echo $_GET['valore'] vedrai il contenuto stampato
The fastest Redis alternative ... cachegrand! https://github.com/danielealbano/cachegrand
Permessi di invio
Rispondi quotando