Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ThalysonCordeiro

[Resolvido] integrar editor de texto a um textarea php

Recommended Posts

Pessoal, é o seguinte, to querendo integrar um editor de texto no meu campo textareaa do formulario e não sei como, nunca fiz isso e queria que alguem me ajudasse, um editor simples que pelo menos reconheça paragrafos e tem como colocar negrito e italico, por exemplo um fckeditor !

 

como posso integrar somente no meu textarea ? "txtdetalhes" - logo abaixo

 

meu codigo é o seguinte:

 

<html>
   <head>
       <link href="css/template.css" rel="stylesheet" type="text/css">
       <link rel="StyleSheet" type="text/css" href="css/calendario.css"/>
       <script type="text/javascript" src="script/calendario.js" ></script>
       <script type="text/javascript" src="script/functions.js" ></script>
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <title>Gerenciador de Conteúdo | Notícias</title>
   </head>
   <body>
       <div id="corpo">
           <form name="FormNoticias" action="cadNoticias.php" method="post" enctype="multipart/form-data">
              <font style="font-weight:bold" size="5">Cadastro de Notícia </font>
               <table style="font-size: 14px" align="left" class="table">
                       <tr>
                           <td colspan="2"><a style="text-decoration: none; float: right; font-weight:bold" href="MenuNoticia.php" target="_self">Voltar ao menu Noticia</a></td>
                       </tr>

                       <tr>
                           <td><br></td>
                       </tr>

                       <tr align="left">
                           <td colspan="2" style="font-size: 13px">* Campos de preenchimento obrigatório.</td>
                       </tr>

                       <tr>
                           <td><br></td>
                       </tr>

                       <tr>
                           <td align="right">Título:* </td>
                           <td><input type="text" name="txttitulo" maxlength="100" size="70"></td>
                       </tr>

                       <tr>
                           <td align="right">Detalhes:* </td>
                           <td><textarea name="txtdetalhes" cols="72" rows="4" onkeyup="max(this, 200)" onkeypress="max(this, 200)"></textarea><BR></td>
                       </tr>
                       <tr valign="top">
                           <td height="5px" valign="top" colspan="2" align="right"><font  size="1" id=Digitado>0</font> <font size="1">/</font> <font size="1" id=Restante>200</font></td>
                       </tr>

                       <tr>
                           <td align="right">Conteudo Completo:* </td>
                           <td><textarea name="txtconteudo" cols="72" rows="9"></textarea></td>
                       </tr>

                       <tr>
                           <td><br></td>
                       </tr>

                       <tr>
                           <td align="right" style="font-weight:bold">Divulgar Notícia a partir de:</td>
                       </tr>

                       <tr>
                           <td><br></td>
                       </tr>

                       <tr>
                           <td align="right">Data:* </td>
                           <td><input type="text" name="txtdata" maxlength="10" size="10" onfocus="javascript:popdate('document.FormNoticias.txtdata','pop1','150',document.FormNoticias.txtdata.value);">
                           <span id="pop1" style="position:absolute"></span></td>
                       </tr>

                       <tr>
                           <td align="right">Hora:* </td>
                           <td><input type="text" name="txthora" maxlength="8" size="10" onkeypress="formatarHora(this)" >    hh:mm:ss</td>
                       </tr>

                       <tr>
                           <td><br></td>
                       </tr>

                       <tr>
                           <td align="right" style="font-weight:bold">Imagem da Noticia:</td>
                           <td style="font-size: 12px;"><?php echo "(Tamanho máximo permitido de " . ini_get('upload_max_filesize'); ?>)</td>
                       </tr>

                       <tr>
                           <td align="right" style="font-weight:bold">Mostrar Imagem:</td>
                           <td>
                               <SELECT name="mostrar" onchange="desativarLinha(this.value)">
                                   <OPTION VALUE="1">Não</OPTION>
                                   <OPTION VALUE="2">Sim</OPTION>
                               </SELECT>
                           </td>
                       </tr>

                       <tr>
                           <td><br></td>
                       </tr>

                       <tr id="imagem" style="visibility:hidden;">
                           <td align="right">Caregar: </td>
                           <td><input type="file" name="txtimagem"></td>
                       </tr>

                       <tr>
                           <td><br></td>
                       </tr>

                       <tr align="right">
                           <td colspan="2">
                               <input type="submit" value=" Cadastrar " name="enviar" >
                               <input type="reset" value=  " Limpar Campos " name="limpar">
                           </td>
                       </tr>

                       <tr>
                           <td><br><br></td>
                       </tr>

                       <tr align="center">
                           <td colspan="2" style="font-size: 12px;" ><?php if(isset ($_GET["msg"]))echo $_GET["msg"]; ?></td>
                       </tr>
               </table>
           </form>
       </div>
   </body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

tu não chamou o JS do fck, nem o CSS, e tu tem de criar o "objeto" fckeditor em um código JS referindo qual id ou classe ele vai sobrepor o textarea para por o fckeditor.

isso eu sei que tem que fazer, gostaria de saber onde baixar e como declarar cada coisa

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.