piccolo editor di testo per mail

[nevarim]

ciao a tutti

domandona:

ho fatto uno script per fare delle newsletter

questo è il codice

    function load(framearea){
      AttivaFrame(framearea).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,framearea,valCmdStr){
      AttivaFrame(framearea).execCommand(cmdStr,false,valCmdStr);
    } 
    function aggiungiLink(framearea){
      var linkURL = prompt("Inserisci il link da aggiungere:", "");
      AttivaFrame(framearea).execCommand("createLink", false, linkURL);
    }    
    function pulisciCodice(hiddenobject,framearea){
	   var contenuto = AttivaFrame(framearea).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(hiddenobject).value = contenuto;	
	 }

questo il codice da mettere nella form

			<form Method=\"POST\" Action=\"main.php?action=#\" onsubmit=\"pulisciCodice('newsareahdn','newsarea')\">


			
			<div  style=\"min-height:100px\" align=\"center\">
                <a href=\"javascript:void()\" onclick=\"applicaComando('italic','newsarea')\"><img src=\"images/general/editor/corsivo.gif\" border='0'></a>
                <a href=\"javascript:void()\" onclick=\"applicaComando('bold','newsarea')\"><img src=\"images/general/editor/grassetto.gif\" border='0'></a>
                <a href=\"javascript:void()\" onclick=\"applicaComando('underline','newsarea')\"><img src=\"images/general/editor/sottolineato.gif\" border='0'></a>
                <a href=\"javascript:void()\" onclick=\"aggiungiLink('newsarea')\"><img src=\"images/general/editor/link.gif\" border='0'></a>
                <a href=\"javascript:void()\" onclick=\"applicaComando('justifyright','newsarea')\"><img src=\"images/general/editor/allineadestra.gif\" border='0'></a>
                <a href=\"javascript:void()\" onclick=\"applicaComando('justifyleft','newsarea')\"><img src=\"images/general/editor/allineasinistra.gif\" border='0'></a>
                <a href=\"javascript:void()\" onclick=\"applicaComando('justifycenter','newsarea')\"><img src=\"images/general/editor/allineacentro.gif\" border='0'></a>
                <a href=\"javascript:void()\" onclick=\"applicaComando('justifyfull','newsarea')\"><img src=\"images/general/editor/giustifica.gif\" border='0'></a>
                <a href=\"javascript:void()\" onclick=\"applicaComando('copy','newsarea')\"><img src=\"images/general/editor/copia.gif\" border='0'></a>
                <a href=\"javascript:void()\" onclick=\"applicaComando('paste','newsarea')\"><img src=\"images/general/editor/incolla.gif\" border='0'></a>
                <select class='login_select' onchange=\"applicaComando('forecolor','newsarea',this.options[this.selectedIndex].value)\">	 
                    <option value=\"\">Highlight</option>
                    <option value=\"#000000\" style=\"background-color: Black;color: #FFFFFF;\">Nero</option>
                    <option value=\"#808080\" style=\"background-color: Gray;\">Grigio</option>
                    <option value=\"#A9A9A9\" style=\"background-color: DarkGray;\">Grigio Scuro</option>
                    <option value=\"#D3D3D3\" style=\"background-color: LightGrey;\">Grigio Chiaro</option>
                    <option value=\"#FFFFFF\" style=\"background-color: White;\">Bianco</option>
                    <option value=\"#7FFFD4\" style=\"background-color: Aquamarine;\">Acquamarina</option>
                    <option value=\"#0000FF\" style=\"background-color: Blue;\">Blu</option>
                    <option value=\"#000080\" style=\"background-color: Navy;color: #FFFFFF;\">Blu Marino</option>
                    <option value=\"#800080\" style=\"background-color: Purple;color: #FFFFFF;\">Viola</option>
                    <option value=\"#FF2493\" style=\"background-color: DeepPink;\">Rosa Profondo</option>
                    <option value=\"#EE82EE\" style=\"background-color: Violet;\">Violetto</option>
                    <option value=\"#FFC0CB\" style=\"background-color: Pink;\">Rosa</option>
                    <option value=\"#006400\" style=\"background-color: DarkGreen;color: #FFFFFF;\">DarkGreen</option>
                    <option value=\"#008000\" style=\"background-color: Green;color: #FFFFFF;\">Verde</option>
                    <option value=\"#9ACD32\" style=\"background-color: YellowGreen;\">Verde-Giallo</option>
                    <option value=\"#FFFF00\" style=\"background-color: Yellow;\">Giallo</option>
                    <option value=\"#FFA500\" style=\"background-color: Orange;\">Arancione</option>
                    <option value=\"#FF0000\" style=\"background-color: Red;\">Rosso</option>
                    <option value=\"#A52A2A\" style=\"background-color: Brown;\">Marrone</option>
                    <option value=\"#DEB887\" style=\"background-color: BurlyWood;\">Legno</option>
                    <option value=\"#F5F5DC\" style=\"background-color: Beige;\">Beige</option>
                </select>       
                

                <input type=\"hidden\" id=\"newsareahdn\" name=\"newsareahdn\" value=\"\">
                <iframe src=\"\" id=\"newsarea\" class='login_frame' name=\"newsarea\" frameborder=\"0\" onMouseOver=\"load('newsarea')\"></iframe>
            </div>
<button>seleziona</button>

</form>

ma perchè nella mail mi esce questo?

<span style=\"text-decoration: underline;\">ciao belli</span>

<span style=\"color: rgb(255, 0, 0);\">che storia</span>

e non lo tradice in html?

[cavicchiandrea]

Ma a me sembrano tag html, secondo te come dovrebbe essere?
Saluti.

[nevarim]

ciao belli

che storia

ma non so come tradurre il tutto uff

[Xinod]

Originariamente inviato da nevarim
nella mail

probabile che sul lato server tu stia inviando la mail solo in formato testuale

[nevarim]

probabile, come faccio a mandarla in formato html?

[Xinod]

sposto

[nevarim]

c'è ancora qualche errore, mi arriva come testo nella mail

			$to = 'nevarim@gmail.com';
			$subject = 'Newsletter';
			$message = "<html><body>". @$_POST['newsareahdn'] . "</body></html>";
			$headers = 'From: nevarim@gmail.com' . "\r\n" . "Bcc: $indice_users" . "\r\n"."Content-type: text/html\r\n";
			mail($to, $subject, $message, $headers);
			
			echo"<tr><td colspan='3' align='center'><a href=\"main.php?action=adminfunzionivarie\">Torna Alle Funzioni</a></td></tr>";