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


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

02-07-2015 20:42

Boa noite , estou fazendo uma pagina para envio de email com o editor de texto tinymce.....
O que eu pretendia era fazer aparecer ou desaparecer esse editor de texto...sei q é com javascript mas nao sei como fazer.....ja fiz uma coisa do genero mas foi usando selectores ....

na minha head tenho o seguinte, que mefaz aparecer o tal editorde texto...:

<script type="text/javascript"> tinymce.init({ selector:"textarea", maxHeight : 400, width : 800, }); </script>

AGORA EU PERGUNTO ....COMO FAÇO PARA PEGAR ALGO QUE NEM SEQUER ESTA NAS CSS PARA FAZER O HIDE, SHOW OU TOGGLE?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

03-07-2015 11:15

Você pode colocar o textarea do tinymce dentro de uma div, e usar esse código em jQuery Clicar-para-mostrar-e-clicar-novamente- ... _8618.html
1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

03-07-2015 19:36

muito obrigado web !!!! :)
1
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

05-07-2015 21:56

WEB, fiz o que me disse e não esta dando.....

FORM:

<div id="div"> <label for="msg">Mensagem:</label> <br> <textarea name="mensagem" id="msg" cols="60" rows="15" placeholder="Insira a sua mensagem" title="Seja especifico na sua mensagem, por favor"></textarea> </div>

JAVASCRIPT:

<!--configuração do tinymce BASICO--> <script type="text/javascript"> tinymce.init({ selector:"textarea", maxHeight : 400, width : 800, }); </script> <!--mostrar e ocultar editor--> <script type="text/javascript"> $(document).ready(function(){ $('#div').hide(); $("#button").click(function(){ $("#div").toggle(); }); }); </script>

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

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 16:16

Fez a chamada do jquery.js? O botão para chamar o evento, colocou no documento? Se possível posta o link de onde está o código.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 18:20


<form> <input type="button" id="button" style="cursor:pointer" onClick="mudarNome();" value="Mostar editor de texto" /> <div id="div1"> <label for="mensagem" >Mensagem:</label> <br> <textarea name="mensagem" id="mensagem" cols="60" rows="15" placeholder="Insira a sua mensagem" title="Seja especifico na sua mensagem, por favor"></textarea> </div> <div id="div2"> <label for="mensagem">Mensagem:</label> <br> <textarea name="mensagem" id="mensagem" cols="112" rows="15" placeholder="Insira a sua mensagem" title="Seja especifico na sua mensagem, por favor"></textarea> </div> </form>


<!--BIBLIOTECA Jquery--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!--LOCALIZAÇÃO DO FICHEIRO QUE CONTEM O SCRIPT DO EDITOR DE TEXTO--> <script type="text/javascript" src="tinymce_4.1.9/tinymce/js/tinymce/tinymce.min.js"></script> <!--configuração do tinymce BASICO--> <script type="text/javascript"> tinymce.init({ selector:"mensagem", maxHeight : 400, width : 800, }); </script> <!--mostrar e ocultar editor--> <script type="text/javascript"> $(document).ready(function(){ $("#div1").hide() $("#div2").show(); $("#button").click(function(){ $("#div1").toggle(); $("#div2").toggle(); }); }); </script> <!--mudar o nome do BUTTON--> <script type="text/javascript"> function mudarNome() { if(document.getElementById("button").value == "Mostar editor de texto") { document.getElementById("button").value = "Ocultar editor de texto"; } else { document.getElementById("button").value = "Mostar editor de texto"; } } </script>

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

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 19:49

Não entendi porque 2 textarea.

Supondo que você vai usar o div1 troque o código atual da troca por esse

<!--mostrar e ocultar editor--> <script> $(document).ready(function() { $('#div1').hide(); $('#button').click(function() { if($('#div1').is(':visible')) { $('#div1').hide(); } else { $('#div1').show(); } }); }); </script>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 19:55

porque assim só esconde e mostra a textarea...e não esconde e mostra o editor de texto propriamente dito na textarea..... :(
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 19:59

tal como:

<!--configuração do tinymce BASICO--> <script type="text/javascript"> tinymce.init({ selector:"textarea", maxHeight : 400, width : 800, }); </script> <!--mostrar e ocultar editor--> <script> $(document).ready(function() { $('#div1').hide(); $('#button').click(function() { if($('#div1').is(':visible')) { $('#div1').hide(); } else { $('#div1').show(); } }); }); </script>

se eu alterar o selector para "textarea",

aparece e desaparece o tudo...textarea +editor...
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 20:03

Essa versão não seria o que você procura? http://www.tinymce.com/tryit/inline.php
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 20:06

bem....esse ate ajuda...mas o mais perfeito seria eu escolher com um botao ,querer que o editor aparecesse ou nao...mas obrigado pela dica!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 20:09

Seria isso?

<script type="text/javascript" src="//tinymce.cachefly.net/4.2/tinymce.min.js"></script> <script type="text/javascript"> function mostra() { tinymce.init({ selector: "textarea", plugins: [ "advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks code fullscreen", "insertdatetime media table contextmenu paste" ], toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" }); } </script> <input type="button" onclick="mostra()"> <form method="post" action="somepage"> <textarea name="content" style="width:100%"></textarea> </form>

1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 20:11

vou experimentar e ja lhe digo.....pare-me ser isso...ter um botao que faça mostrar o editor e o mesmo que o oculte.....vou experimentar e ja lhe dou um feedback...!
obrigado web!
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 20:24

Para esconder o editor depois de mostrado não achei uma solução. Dá uma conferida na documentação do tinymce.
http://www.tinymce.com/wiki.php/Configuration
1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 20:28

no inline....funciona direitinho...so que aparece uma msg dentro da texarea...:

<br data-mce-bogus="1">

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

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 20:33

Como está testando com o inline?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 20:35

ja resolvi! puz uma div a envolver a textarea!
agora vou testar o do botão!!
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 21:04

ESSE EXEMPLO QUE ME DEU É 5 ESTRELAS!!! SO VOU FAZER COM QUE COM O MESMO BOTAO, FAÇA DESAPARECER O EDITOR!!! JA LHE DOU UM FEEDBACK!
0
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

06-07-2015 21:06

não resultou.....metendo a text area dentro duma div.......desaparece essa msg esquisita...mas a textarea aparece dentro do editor.....
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA

07-07-2015 08:29

Teria que ter uma recurso no próprio editor para mostrar ou esconder ele no textarea.
Se na documentação não tem, seria só fazendo gambiarra.

O mais próximo que achei seria só deixar o textarea sem o tinymce, isso porque se não quiser usar o editor não mostra, caso queira mostrar, usa a função que indiquei nesse post para mostrar o editor. Só que ai não dá para esconder.
1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 271
Sexo: Masculino

Re: MOSTRAR /ESCONDER tinymce OU OUTRO EDITOR DE TEXTO DE UMA TEXTAREA  #resolvido

07-07-2015 10:40

é isso mesmo WEB.....!
Obrigado :) pela sua ajuda!!!
1

Quem está online

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