Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá iMasters,
Vejam bem:
Editor web para o seu CMS com administração de fotos e em Português.
Barbada de implementar! Pouco mais de 2MB.
Link para Download do material.
http://www.4shared.c...tinymce_pt.html
1º passo:
- Faça download do editor no link do 4shared.com acima.
- Descompacte a pasta tinymce_pt, copie esta e coloe dentro da sua pasta raiz do local/remoto server. Caso esteja a testar em um server local... como (www, httpdocs, etc) que será respondido pelo http://localhost( servidor local PHP).
- Abra o navegador com excessão do IEca 6 e digite... http://localhost/tinymce_pt
- Deve aparecer Index of /tinymce_pt.
- Clique na pasta "examples"
- O exemplo que ajustei se chama "Exemplo customizado(indicado)".
- Veja que a barra está menor com apenas algum dos icones mais utilizados para o CMS de um site.
- Bom agora siga as telas do tutorial para usar. Mas veja como é simples este editor.
2º passo:
- Quero usar no meu gerenciador de site como faço?
- Na pasta "examples" tem um arquivo chamado "full.html".
- Abra o arquivo com um editor (se estiver no linux pode ser o gedit ou se estiver instalado o eclipse(com aptana plugin), ou netbeans etc. Caso esteja no Windows notepad ou dreamweaver, etc). Enfim, um local onde você consiga ver o código html do arquivo.
- Copie o que esta entre as tags <head> ... </head> com excessão do <title>Exemplo Customizado</title> e cole entre as tags <head> ... </head> do(s) seu(s) arquivo(s) do gerenciador de conteudo de seu site que necessitarem de um texto formatado e que tenham uma tag <textarea></textarea>.
- Beleza ... onde estiver a tag <textarea> nesta(s) página(s) ele vai adicionar o tinymce editor.
Algumas "prints" do Editor em Ação.
O Editor:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.gasparteixeira.com.br/editor.jpg&key=ef4cd4ad36b6dc9bc958517967f1de3e6cf1d1453154a7e3c59cc84c2482f4bd" alt="Imagem Postada" />
Inserir Imagem:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.gasparteixeira.com.br/imagen.jpg&key=817081066b909beade24d9560a135f6c2963def01d4a00a0225bb2d3b8ec6bcb" alt="Imagem Postada" />
Manipulando Arquivos:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.gasparteixeira.com.br/file.jpg&key=b973b2b7ebd9fcc75478a23472edfbb0fd237da2c9fe81e6acb256050aea2b21" alt="Imagem Postada" />
Observações importantes:
Espero ter ajudado...
Dúvidas: gaspar.teixeira@gmail.com
ABC a todos!
Valeu por disponibilizar pro pessoal Gasparzinho, ficou muito bom esse gerenciador de imagens do editor !
Valeu galera...
Sou usuário do Framework Symfony e queria fazer esta integração do TinyMCE com o Plugin de Imagens. Primeiro fiz separado do Framework e depois integrei ao Symfony. Como já estava pronto achei interessante dividir com o pessoal. Haja vista, que é bem difícil encontrar na Internet algo assim! Sei por experiência própria.
Abc
Muito bom cara!
Show de bola..... Para colocar em portugues é só entrar no arquivo de configuração que você mostrou e onde está:
$tinybrowser['language'] = 'en';Trocar para:
$tinybrowser['language'] = 'pt';
Isso ta na linha 37.
http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif
Valeu Gasparzinho e Rodrigo! Ajudou muitoo! parabéns!
Valeu Gasperzinho!!
E obrigado tb ao Rodrigo por complementar o post!
Abraço!!
Tem como usar o upload no Processador de Texto?
Sou novo no fórum e já achei muita coisa que eu tava procurando!! Parabéns por este tópico!! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif
Instalei na page mas percebi que não funciona no IE. Você sabe como arrumar isso?
Já arrumei!! hehe!!
>
Como é que eu mudo o caminho da imagem para outra pasta de minha preferencia. Queria colocar essa pasta upload dentro de outra pasta que já tenho chamada imagens.
Olá Daniel,
Barbada cara. Albra o caminho "jscripts/tiny_mce/plugins/tinybrowser" e localize o arquivo config_tynebrowser.php, na linha 49 [ $tinybrowser['path']['image'] = '/uploads/images/'; ] e mude o caminho conforme sua necessidade.
ABC
Amigos,
uma dúvida: tem alguma coisa a mais que eu deva fazer para pegar via Post as minhas formatações?
Ex: Escrevo "Teste" em negrito, mas quando exibo a variavel que vem do Post do textarea, sai só "Teste", sem o <b></b>
Devo usar alguma função? É que no meu sistema eu usarei esse editor para enviar e-mails para clientes, então gostaria que ele formatasse de forma que no e-mail chegasse tudo certinho.
Obrigado.
Desculpa esta ressuscitando esse post, mas não conseguir resposta.
Fiz o download do arquivo, mas quando clico na aba uoload ele aparece um erro.
Veja que ele abre certinho:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img209.imageshack.us/img209/2254/92b2e9aebddb4b21b37c7ad.png&key=d1e30e2616e06a7fd92ccec9565c502e2b20ddf15319da781788078518662482" alt="92b2e9aebddb4b21b37c7ad.png" />
Agora quando eu clico na aba upload da esse erro:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img593.imageshack.us/img593/1898/7afb4ce9ed0d4b13851d78d.png&key=7df584554b7611fdbcba7f3f6d006518eae52d74c1352beba9ed7d55bfae60d8" alt="7afb4ce9ed0d4b13851d78d.png" />
Alguém sabe o que é?
Tiago,
Acredito que o seu problema seja permissão. Acredito que tu estejas utilizando um servidor linux. Se for remoto ... aplique as permissões de leitura e escrita na pasta onde estão suas imagens e de leitura pasta tynemce.
Se for num servidor local (linux) pelo terminal faça isso!
sudo chmod -R 755 /Admin/*
Ou
sudo chown -R Usuario /Admin/*
Certamente tu já deves ter resolvido o teu problema. Mas fica registrado aqui para o histórico e para outros, que por ventura "esbarrem" no mesmo problema.
abs
Fantástico, muito obrigado! Já utilizei e adaptei seu Tiny em vários sites.
Olá amigos,
Primeiro de tudo parabéns pelo post, instalei e esta funcionando 99% para ficar 100% só preciso ajeitar a pasta onde as igm estão ficando salvas.
eu mudei o nome da pasta [ $tinybrowser['path']['image'] = '/uploads/images/'; ] porem a img fica ../../minha_pasta
Como posso arrumar isso
obrigado!
Mais de ano que tento achar um editor com upload que funcione, e agora mais que nunca estava precisando cara valeu mesmo ajudou muito
Só a título de compartilhar a solução de um problema que tive com esse plugin nos servidores da hostgator... Depois de meses, a hostgator conseguiu solucionar meu problema... Para liberar esse plugin é necessário abrir um chamado para o suporte pedindo o desbloqueio de regras do modsecurity para o servidor específico.
Bom dia, aqui deu tudo certinho, cria a pasta e sobe as imagens para localhost/minhapasta porém, no editor as imagens nao ficam visiveis para o usuario, aparece aquela imagenzinha de arquivo corrompido, nao testei ainda na exibição da pagina final, mas o fato dela nao aparecer no editor torna o recurso inutilizavel, gostaria de uma dica para resolver isso.
Obrigado pela iniciativa
Olá boa tarde Gasparzinho...
tem como eu atualizar o jQuery para 1.9.1???
Como faço para usar em apenas um textarea da minha página?
Um quero deixar com HTML comum e no outro a formatação.. como faço?
Já tentei colocar o element, mas não funcionou.
<script type="text/javascript">
tinyMCE.init({
// General options
language : "pt",
mode : "textareas",
elements : "texto", //name/id do textarea
theme : "advanced",
Já consegui.. .tinha que mudar o mode também.
Ficou assim:
<script type="text/javascript">
tinyMCE.init({
// General options
language : "pt",
mode : "exact",
elements : "texto",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
// Theme options
theme_advanced_buttons1:"code,bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,cleanup,link,unlink,image,table,formatselect,fontselect,fontsizeselect,forecolor,backcolor,fullscreen",
// Theme options
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_buttons4 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
content_css : "css/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",
file_browser_callback : "tinyBrowser",
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
</script>
Form:
<textarea rows="15" cols="80" name='texto' id='texto' style="width: 80%"><?=$row->texto?></textarea>
Dica pra quem usar este editor com gerenciador:
No arquivo config citado no primeiro post na linha 86 adicione mais extensões a lista de bloqueio de upload pelo tinybrowser...
Isso dá mais segurança visto que por padrão não há bloqueio de htacces, xhtml, html, js, etc...
Vlw Gasparzinho esse editor salvou meu projeto \o/ !!!
Thanks Man !
Cara minha última esperança é aqui!
EU uso o TinyMCE aqui ele funciona normalmente, com upload de imagem e tudo em rede local, upei pro servidor online, ele ainda funciona, mas o upload de imagem não! :( sabe me dizer porque? acontece a mesma coisa com um amigo meu. ele até upa a imagem pra quando clico em ok a imagem não aparece na caixa de texto, fui no html pra ver, o link da imagem está assim src=”/-/” só, e se eu colocar alguma descrição na imagem na hora de upar fica assim src=”/titulo/”
ME AJUDA POR FAVOR!
otimo poste,
funcionou de boa até que não consegui mostrar a imagem que eu coloquei no corpo da pagina.
na consulta mostar um espaço de imagem no alocado
fala pessoal beleza desculpe também por ta ressuscitando esse poster, gostaria de saber como eu faço para mudar a posição da barra de ferramenta do tinymce para baixo,
estou precisando imprimir algumas coisas diretamente dele a aparece a marca dos botoes na pagina da impressão e colocando para baixo posso corta a folha
alguém pode me ajudar sou novo em em programação ainda sou estudante
Galera, boa tarde a todos! Espero que alguém possa me ajudar...
Implementei o código e tudo funcionou muito bem, até eu enviar os arquivos para a hospedagem, depois que enviei, os arquivos ao fazer novos testes, ao clicar na aba upload sempre mostra o erro "403 - Forbiden", já dei as permissões via filezila porém o problema persiste, alguém pode me orientar melhor a respeito dessas permissões para que o sistema rode tranquilamente?
Desde já, grato!
Parabéns pela iniciativa e pelo tutorial.
Sem dúvidas vai ajudar muitos.