Foros del Web » Programando para Internet » Javascript » Frameworks JS »

[SOLUCIONADO] Textarea WYSIWYG TinyEditor no envia el contenido

Estas en el tema de Textarea WYSIWYG TinyEditor no envia el contenido en el foro de Frameworks JS en Foros del Web. Hola, Agradeceria que me echarais una mano con un codigo que me esta volviendo loco, mis nociones son a nivel de usuario, he intentado buscar ...
  #1 (permalink)  
Antiguo 14/03/2014, 05:58
Avatar de ceops  
Fecha de Ingreso: octubre-2009
Mensajes: 5
Antigüedad: 15 años, 1 mes
Puntos: 0
Pregunta Textarea WYSIWYG TinyEditor no envia el contenido

Hola,

Agradeceria que me echarais una mano con un codigo que me esta volviendo loco, mis nociones son a nivel de usuario, he intentado buscar solución buscando en google pero no he encontrado nada que solucione mi problema.

He creado un formulario HTML que envia mediante PHP, en el formulario he integrado un textarea "Tiny Editor" para que los usuarios puedan seleccionar el tipo de letra, negrita etc.

El Tiny Editor trae 4 archivos:


tiny.editor.js ----------- Instalado en la raiz de la web.
tiny.editor.packed.js -- Instalado en la raiz de la web.
tinyeditor.css ---------- Instalado en la raiz de la web.
index.html ------------- Que es de donde he extraido el textarea y el Javascript.

He creado:


pruebaformu.html
---- Donde he incluido el textarea Tiny Editor y javascript.
pruebaformu.php ----- El codigo que he creado para efectuar el envio de datos.

El formulario es muy simple, contiene un campo de texto para introducir "nombre", "correo electronico" y "textarea".

el formulario se envia correctamente y el mail llega a la bandeja de entrada pero solo envia los campos "nombre" y "correo electronico", el contenido del textarea Tiny Editor no hay manera por mas vueltas que le doy.

Mi intención es recibir la información del textarea con el tipo de letra que haya seleccionado el usuario, negritas, espacios etc. Vamos tal cual lo escriba.

Os pongo el codigo que tengo en el archivo HTML - pruebaformu.html

Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TinyEditor - JavaScript WYSIWYG Editor</title>
<link rel="stylesheet" href="tinyeditor.css">
<script src="tiny.editor.packed.js"></script>
</head>
<body>
<form action="pruebaformu.php" method="post" enctype="multipart/form-data" name="myform" target="_self" id="myform">
  <table width="100%" border="0">
    <tr> 
      <td width="19%">&nbsp;</td>
      <td width="63%" colspan="2"><div align="center"></div></td>
      <td width="18%">&nbsp;</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td><div align="center">
          <input type="text" value="Introduce tu nombre" onFocus="if (this.value=='Introduce tu nombre') this.value='';" onBlur="if (this.value=='') this.value='Introduce tu nombre';" name="nombre" id="nombre" size="46"/>
        </div></td>
      <td><div align="center">
          <input type="text" value="Introduce tu correo electronico" onFocus="if (this.value=='Introduce tu correo electronico') this.value='';" onBlur="if (this.value=='') this.value='Introduce tu correo electronico';" name="mail" id="mail" size="46"/>
        </div></td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td colspan="2"><div align="center"></div></td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td colspan="2"><div align="center"> 
          <textarea name="mensajeusuario" id="tinyeditor" style="width: 400px; height: 200px"></textarea>
          <script>
var editor = new TINY.editor.edit('editor', {
	id: 'tinyeditor',
	width: 584,
	height: 175,
	cssclass: 'tinyeditor',
	controlclass: 'tinyeditor-control',
	rowclass: 'tinyeditor-header',
	dividerclass: 'tinyeditor-divider',
	controls: ['bold', 'italic', 'underline', 'strikethrough', '|', 'subscript', 'superscript', '|',
		'orderedlist', 'unorderedlist', '|', 'outdent', 'indent', '|', 'leftalign',
		'centeralign', 'rightalign', 'blockjustify', '|', 'unformat', '|', 'undo', 'redo', 'n',
		'font', 'size', 'style', '|', 'image', 'hr', 'link', 'unlink', '|', 'print'],
	footer: true,
	fonts: ['Verda??na','Arial','Georgia','Trebuchet MS'],
	xhtml: true,
	cssfile: 'custom.css',
	bodyid: 'editor',
	footerclass: 'tinyeditor-footer',
	toggle: {text: 'source', activetext: 'wysiwyg', cssclass: 'toggle'},
	resize: {cssclass: 'resize'}
});
</script>
        </div></td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td colspan="2"><div align="center"></div></td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td colspan="2"><div align="center"> 
          <input type="submit" name="Submit" value="Enviar">
        </div></td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td colspan="2"><div align="center"></div></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
<p>&nbsp;</p>
</body>
</html> 
Y el codigo que tengo en el archivo PHP - pruebaformu.php

Código PHP:
<?php

$nombre 
$_POST['nombre'];
$mail $_POST['mail'];
$mensajeusuario $_POST['mensajeusuario'];

$header 'From: ' $mail " \r\n";
$header .= "X-Mailer: PHP/" phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/html; charset=iso-8859-1 /r/n";

$mensaje .= '<html><br></html>';
$mensaje .= '<html><br></html>';
$mensaje .= "Nombre del usuario: " $nombre " \r\n";
$mensaje .= '<html><br></html>';
$mensaje .= "E-mail del usuario: " $mail " \r\n";
$mensaje .= '<html><br></html>';
$mensaje .= "Mensaje del usuario: " $mensajeusuario " \r\n";
$mensaje .= '<html><br></html>';

$para 'mail del destinatario'
$asunto 'Asunto del correo enviado';

mail($para$asuntoutf8_decode($mensaje), $header);

echo 
'';
?>

De antemano muchas gracias por vuestro apoyo, llevo ya unos cuantos dias liado con este asunto y no logro hacer que envie el contenido del textarea. Un saludo y nuevamente gracias!

Última edición por zerokilled; 14/03/2014 a las 08:05 Razón: bbcode para codigos
  #2 (permalink)  
Antiguo 15/03/2014, 11:22
Avatar de ceops  
Fecha de Ingreso: octubre-2009
Mensajes: 5
Antigüedad: 15 años, 1 mes
Puntos: 0
Respuesta: Textarea WYSIWYG TinyEditor no envia el contenido

Por favor, haber si hay alguien que pueda echarme una mano, necesito solucionar este problema. Gracias

Etiquetas: contenido, envia, formulario, html, input, javascript, js, php, textarea, wysiwyg
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:30.