Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17743
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Editor de texto ( base para envio )

29-08-2007 20:23

Vou explicar nesse artigo como é enviado os dados de um editor de textos, desse que pode adicionar negrito, itálico, etc...

Basicamente, é um botão que clicado passa os dados de um iframe, no caso, o usado para editarmos para um campo do form, e esse campo que é enviado.

Vou passar um exemplo bem básico disso.

JAVASCRIPT
<script type="text/javascript"> function negrito() { meuiframe.document.execCommand('bold', false, null); } function envia() { document.form.meutextarea.value = meuiframe.document.body.innerHTML; document.form.submit(); } </script>

HTML
<body onLoad="meuiframe.document.designMode='on';"> <form name="form" action="?" method="POST"> <iframe id="meuiframe" style="width:200px; height:200px" src=""></iframe> <input type="button" value="negrito" onClick="negrito()"> <textarea name="meutextarea" style="width:200px; height:200px"></textarea> <input type="button" value="enviar" onclick="javascript:envia()"> </form>

PHP
<?php echo $_POST['meutextarea']; ?>

Ao criar um documento com os códigos acima, escrever alguns dados e enviar, verá o texto configurado como no iframe.

Obs.: Para o FireFox é outro body

<body onLoad="document.getElementById('meuiframe').contentDocument.designMode='on'">

Note que o body para deixar editável o iframe usa o getElementById com o id do iframe.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado