Tiny MCE no PHP, como?
Pedro
editor de texto online, vc pode editar um texto que esteja dentro da
tag <textarea></textarea> (não sei se é só pra essa tag) dentro de uma
página online com varias ferramentas (estilo word) como por exemplo:
centralizar texto, negrito, itálico..etc...
Então, eu gostaria de colocar uma barra de ferramentas dessa quando eu
fosse inserir dados (no meu caso é noticia) como por exemplo: Título,
descrição, matéria, fonte..etc...
Tem como usar o Tiny MCE??se sim, como?? ou outra ferramenta dentro do
php?qual??
site do Tiny MCE: http://tinymce.moxiecode.com/
Valeu
![㋡ matheus =]'s profile photo](http://lh3.googleusercontent.com/a-/ALV-UjUZtvnhOYK9N8VwXv6iX8pba9CISv748sgwCzkrM8chTmVZzgqGfQ=s40-c)
㋡ matheus =]
Dá uma olhada no wiki que o material tá muito bom:
http://wiki.moxiecode.com/index.php/TinyMCE:Installation
e tb na página de exemplos:
http://wiki.moxiecode.com/examples/tinymce/installation_example_00.php
Nick Marinho
Abraços e desculpe a intromissão.
--
--
-~----------~----~----~----~------~----~------~--~-------~-------~-------~-----
Luciano Marinho (Programador PHP/C++)
Meus sites: www.lucianomarinho.com.br [novo site no ar, visitem] ♫ www.racaboxer.com.br
Linux Registered User #433536
Seja inteligente, adicione os destinários só no BCC ou CCO.
♫ Rock é vida ♫
;-) Viva o Linux, Gentoo Rules ;-)
Diego Pires
Abraço
Flávia Jobstraibizer
O uso há muito tempo e em todos os meus sistemas.
Everton Fraga
e Pedro, talvez ajude a esclarecer um pouco..
na criação da página HTML, vc coloca um <textarea> e, estando tudo certinho com o script do TinyMCE, este script substitui o textarea por um iframe editável (através do comando javascript document.designMode = "on"), onde por controles (aqueles botõezinhos), o html deste iframe é alterado, fazendo todo o efeito de texto centralizado , essas coisas todas..
e o melhor, é a recuperação desses dados! é só mandar um $_POST ou $_GET com o nome do textarea previamente criado.. e voilà!
falou! :D
Everton Fraga
e Pedro, talvez ajude a esclarecer um pouco..
na criação da página HTML, vc coloca um <textarea> e, estando tudo certinho com o script do TinyMCE, este script substitui o textarea por um iframe editável (através do comando javascript document.designMode = "on"), onde por controles (aqueles botõezinhos), o html deste iframe é alterado, fazendo todo o efeito de texto centralizado , essas coisas todas..
e o melhor, é a recuperação desses dados! é só mandar um $_POST ou $_GET com o nome do textarea previamente criado.. e voilà!
falou! :D
Ele É melhor.
Pedro
bom.. tenho muitas dúvidas...
primeiro: matheus eu já olhei o wiki do Tiny MCE e não consegui
instalar, não sei porque, mas vou tentar de novo...
segundo: flávia, vc diz que o Tiny MCE é melhor ou o FCK é melhor?? já
usou os 2???
terceiro: se eu instalar o Tiny MCE, todas as <textarea> vão ser
editáveis né??então, por exemplo:
-Quando eu for adicionar uma notícia no meu banco de dados, usando o
Tiny MCE, não tem problema quando for "clicar" em inserir matéria para
tudo isso ser armazenado no MYSql né???
quarto: Everton, obrigado pela explicação, agora deu pra entender
melhor. Aliás, já está pronto o formulário de inserção de notícias
tudo com <textarea> faltando apenas instalar o Tiny MCE.
Se alguem já instalou o Tiny MCE, pode me ajudar a instalar???
Alguém já usou o FCK?
Obrigado a todos
On 10 out, 08:39, "㋡ matheus =]" <matheuseduardo....@gmail.com> wrote:
> Você usa o TinyMCE no HTML (Javascript), num tem muito a ver com PHP.
>
> Dá uma olhada no wiki que o material tá muito bom:http://wiki.moxiecode.com/index.php/TinyMCE:Installation
>
> e tb na página de exemplos:http://wiki.moxiecode.com/examples/tinymce/installation_example_00.php
>
Everton Fraga
bom, já tive experiência com os 2, TinyMCE e FCK.. eu acho a instalação do Tiny melhor.. além dos recursos, né ; )
Sobre a instalação
tenho a seguinte organização de um site meu aqui:
\includes\tinymce\<todos os arquivos do editor>
\index.php
na minha Index, faço a chamada pro arquivo:
<script type="text/javascript" src="inc/tinymce/tiny_mce.js"></script>
feito isto, tenho que iniciar o script. Nessa inicialização, eu defino toda a parte personalizável.. se quero que mude todos os textareas, ou somente os que eu escolher, alterar o idioma (talvez tenha que baixar o pacote em português no site), modo do editor (compacto, completo, essas coisas).. e isto é dado no seguinte código:
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "simple"
})
</script>
este exemplo transforma todos os textareas no editor, e os coloca no modo 'simples'. A referêncoa pra essas opções de inicialização encontram-se em http://wiki.moxiecode.com/index.php/TinyMCE:Configuration
já quanto a inserção no MySQL, NÃO use htmlentities, pois os dados retornados provavelmente conterão tags html..
bom, é isso.. qualquer coisa avise aí ;D
Pedro
Obrigado pelo "mini-tutorial" hehehe, já instalei, peguei o pacote da
lingua pt_br e já coloquei na pasta certo do tiny mce,
agora falta arrumar o docs_language : "en" que é o theme (os botões)
do tiny mce, não estou conseguindo...
Quanto ao MySql, é normal, inseri uma matéria e deu certo, salvando no
BD, ótimo!!!
Para o meu gerenciamento de notícias ficar pronto, faltam algumas
coisas (para quem puder me ajudar é claro!!!):
- Arrumar os botões do Tiny MCE, não aparece o botão Negrito e
Sublinhado.
- Arrumar a data do formulário, quando a pessoa for inserir a matéria,
tem que colocar a data,
não sei como colocar a data no formato d/m/y (30/02/2007), só consigo
colocar data assim: Y/m/d (2007/02/30)
como?
- Colocar senha nas seções (já estou providenciando isso)
- Fazer um link para poder alterar a notícia se precisar (estou
pesquisando isso...)
Obrigado de novo!
On 10 out, 16:00, "Everton Fraga" <evertonf...@gmail.com> wrote:
> Grande Pedro!
>
> bom, já tive experiência com os 2, TinyMCE e FCK.. eu acho a instalação do
> Tiny melhor.. além dos recursos, né ; )
>
> Sobre a instalação
> tenho a seguinte organização de um site meu aqui:
>
> \includes\tinymce\<todos os arquivos do editor>
> \index.php
>
> na minha Index, faço a chamada pro arquivo:
> <script type="text/javascript" src="inc/tinymce/tiny_mce.js"></script>
>
> feito isto, tenho que iniciar o script. Nessa inicialização, eu defino toda
> a parte personalizável.. se quero que mude todos os textareas, ou somente os
> que eu escolher, alterar o idioma (talvez tenha que baixar o pacote em
> português no site), modo do editor (compacto, completo, essas coisas).. e
> isto é dado no seguinte código:
>
> <script language="javascript" type="text/javascript">
> tinyMCE.init({
> mode : "textareas",
> theme : "simple"
> })
> </script>
>
> este exemplo transforma todos os textareas no editor, e os coloca no modo
> 'simples'. A referêncoa pra essas opções de inicialização encontram-se emhttp://wiki.moxiecode.com/index.php/TinyMCE:Configuration
>
> já quanto a inserção no MySQL, NÃO use htmlentities, pois os dados
> retornados provavelmente conterão tags html..
>
> bom, é isso.. qualquer coisa avise aí ;D
>
> Em 10/10/07, Pedro <pedro...@gmail.com> escreveu:
Everton Fraga
- Do language pack, http://wiki.moxiecode.com/index.php/TinyMCE:LanguagePack
- Data: $data_noticia = date('d/m/Y');
falou!
boa sorte aí, volto lá pelas 23h..
Pedro
já vou arrumar isso...
então no Tiny MCE eu escolhi a "simple" também, só pra teste, e mesmo
assim não aparece os botões, veja o print-screen:
http://img444.imageshack.us/img444/1955/errotinymcedi5.jpg
aconteceu isso porque escolhi a lingua pt_br do tiny ficando assim:
language : "pt_br"
se tirar essa linha, funciona normalmente..
On 10 out, 18:36, "Everton Fraga" <evertonf...@gmail.com> wrote:
> - Quanto aos botões do TinyMCE, o que costumo usar para notícias simples é o
> theme : "simple" ->http://wiki.moxiecode.com/examples/tinymce/installation_example_00.php, mas
> vá navegando no menu que tem outras opções mais avançadas..
> - Do language pack,http://wiki.moxiecode.com/index.php/TinyMCE:LanguagePack
Flávia Jobstraibizer
Não troco o Tiny por nenhum outro.
Já usei vários editores online, e de todos, este é o melhor.
Nick Marinho
Sempre usei o FCK e nunca tive problemas com ele.
Mas com certeza ficando provado a eficácia do Tiny eu vou mudar para ele.
Abraços e aguardando ansiosamente.
Claro que sim.
Pedro
eu instalei o Tiny hoje a tarde, pensava que era dificil...
é facil, vou explicar:
- Baixe a versão mais nova do Tiny, faça o upload da pasta toda no seu
site,
depois disso pegue as páginas que vc quer colocar o Tiny e insira o
código abaixo entre as tags <head></head>:
<script language="javascript" type="text/javascript" src="../jscripts/
tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas"
});
</script>
claro que precisa ter os textareas para pegar o tiny.
Pronto!!
Me avise se conseguiu!!
Abraço
On 11 out, 00:01, "Nick Marinho" <nickmari...@gmail.com> wrote:
> Alguém poderia ensinar de um modo fácil aqui como fazer para instalar esse
> trem ai.
>
> Sempre usei o FCK e nunca tive problemas com ele.
>
> Mas com certeza ficando provado a eficácia do Tiny eu vou mudar para ele.
>
> Abraços e aguardando ansiosamente.
>
> Em 10/10/07, Flávia Jobstraibizer <fjf...@gmail.com> escreveu:
>
>
>
>
>
> > Claro que sim.
> > Não troco o Tiny por nenhum outro.
> > Já usei vários editores online, e de todos, este é o melhor.
>
Nick Marinho
Mas, para funcionar eu apenas preciso chamar essa função ?
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode : "textareas"
});
</script>
Abraçose obrigado pela ajuda !
Nick Marinho
Clicando o botão SOURCE dele se abre uma nova janela. A do FCK é no próprio código.
E é bem limitado em botões de opção.
Com certeza o FCK da de 10 nele.
Mas pode melhorar bastante pois é mais simples de criar o elemento dele no textarea.
Além de ser bem interessante.
Abraços
Flávia Jobstraibizer
É ruim de o fck deixaria fazer isso..ahahaha
E pra uma simples janelinha abrindo fora, é só alterar o código. Simples.
㋡ matheus =]
Alguém mais preferiu o FCK (além do Marinho) ?
O exemplo full dele: http://tinymce.moxiecode.com/example_full.php?example=true
Nick Marinho
Precisa ficar assim não.
Opção é opção.
Cada um na sua.
;-)
Pedro
segue o erro abaixo:
Deusimar Ferreira
bem como usuário defensor do Tiny, segue abaixo o script para instalar a versão completa.
<script language="javascript" type="text/javascript" src="js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,media,searchreplace,print,contextmenu,paste,directionality,fullscreen",
theme_advanced_buttons1_add_before : "save,newdocument,separator",
theme_advanced_buttons1_add : "fontselect,fontsizeselect",
theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,zoom,separator,forecolor,backcolor",
theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
theme_advanced_buttons3_add_before : "tablecontrols,separator",
theme_advanced_buttons3_add : "emotions,iespell,media,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
content_css : "example_word.css",
plugi2n_insertdate_dateFormat : "%Y-%m-%d",
plugi2n_insertdate_timeFormat : "%H:%M:%S",
external_link_list_url : "example_link_list.js",
external_image_list_url : "example_image_list.js",
media_external_list_url : "example_media_list.js",
file_browser_callback : "fileBrowserCallBack",
paste_use_dialog : false,
theme_advanced_resizing : true,
theme_advanced_resize_horizontal : false,
theme_advanced_link_targets : "_something=My somthing;_something2=My somthing2;_something3=My somthing3;",
paste_auto_cleanup_on_paste : true,
paste_convert_headers_to_strong : false,
paste_strip_class_attributes : "all",
paste_remove_spans : false,
paste_remove_styles : false
});
</script>
Basta add entre as tags <head></head>
Alguem pode me explicar este erro que dá no Tiny MCE??
segue o erro abaixo:
On 10 out, 23:44, Pedro <pedro...@gmail.com> wrote:
> Opa valeu ae pela "data",
> já vou arrumar isso...
>
> então no Tiny MCE eu escolhi a "simple" também, só pra teste, e mesmo
> assim não aparece os botões, veja o print-screen:
>
> http://img444.imageshack.us/img444/1955/errotinymcedi5.jpg
>
> aconteceu isso porque escolhi a lingua pt_br do tiny ficando assim:
>
> language : "pt_br"
>
> se tirar essa linha, funciona normalmente..
>
> On 10 out, 18:36, "Everton Fraga" <evertonf...@gmail.com > wrote:
>
> > - Quanto aos botões do TinyMCE, o que costumo usar para notícias simples é o
> > theme : "simple" -> http://wiki.moxiecode.com/examples/tinymce/installation_example_00.php, mas
> > vá navegando no menu que tem outras opções mais avançadas..
> > - Do language pack, http://wiki.moxiecode.com/index.php/TinyMCE:LanguagePack
> > - Data: $data_noticia = date('d/m/Y');
>
> > falou!
> > boa sorte aí, volto lá pelas 23h..
Deusimar Ferreira - +55 61 9162 8928
Programador web
Nick Marinho
Pedro
agora eu entendi o problema de nao aparecer algumas imagens quando eu
passava a lingua pra pt_br,
na pasta de images nao tinha a imagem com nome pt_br, solução:
- Basta re-nomear a imagem para nome_da_imagem_pt_br.jpg hehehe
resolvido!!
Falow
On 11 out, 15:42, "Nick Marinho" <nickmari...@gmail.com> wrote:
> E o que isso tudo habilita ?
>
> Em 11/10/07, Deusimar Ferreira <deusimardosan...@gmail.com> escreveu:
> > Em 11/10/07, Pedro <pedro...@gmail.com> escreveu:
>
> > > Alguem pode me explicar este erro que dá no Tiny MCE??
>
> > > segue o erro abaixo:
>
> > > On 10 out, 23:44, Pedro <pedro...@gmail.com> wrote:
> > > > Opa valeu ae pela "data",
> > > > já vou arrumar isso...
>
> > > > então no Tiny MCE eu escolhi a "simple" também, só pra teste, e mesmo
> > > > assim não aparece os botões, veja o print-screen:
>
> > > >http://img444.imageshack.us/img444/1955/errotinymcedi5.jpg
>
> > > > aconteceu isso porque escolhi a lingua pt_br do tiny ficando assim:
>
> > > > language : "pt_br"
>
> > > > se tirar essa linha, funciona normalmente..
>
> > > > On 10 out, 18:36, "Everton Fraga" <evertonf...@gmail.com > wrote:
>
> > > > > - Quanto aos botões do TinyMCE, o que costumo usar para notícias
> > > simples é o
> > > > > theme : "simple" ->http://wiki.moxiecode.com/examples/tinymce/installation_example_00.php,
> > > mas
> > > > > vá navegando no menu que tem outras opções mais avançadas..
> > > > > - Do language pack,http://wiki.moxiecode.com/index.php/TinyMCE:LanguagePack
Pedro
não consegui colocar isso:
$data_noticia = date('d/m/Y');
aonde eu coloco isso???
valeu
On 10 out, 18:36, "Everton Fraga" <evertonf...@gmail.com> wrote:
> - Quanto aos botões do TinyMCE, o que costumo usar para notícias simples é o
> theme : "simple" ->http://wiki.moxiecode.com/examples/tinymce/installation_example_00.php, mas
> vá navegando no menu que tem outras opções mais avançadas..
> - Do language pack,http://wiki.moxiecode.com/index.php/TinyMCE:LanguagePack
Deusimar Ferreira
desculpas pela demora da resposta, mas como o Pedro já havia dito, ele abilita a versão advanced do Tiny(Ex: botões para formatação de texto, limpeza dos conteúdos colados a partir do word, etc.), além de ter seu CSS costumizado.
Everton,
não consegui colocar isso:
$data_noticia = date('d/m/Y');
aonde eu coloco isso???
valeu
On 10 out, 18:36, "Everton Fraga" < evertonf...@gmail.com> wrote:
> - Quanto aos botões do TinyMCE, o que costumo usar para notícias simples é o
> theme : "simple" -> http://wiki.moxiecode.com/examples/tinymce/installation_example_00.php, mas
> vá navegando no menu que tem outras opções mais avançadas..
> - Do language pack, http://wiki.moxiecode.com/index.php/TinyMCE:LanguagePack
> - Data: $data_noticia = date('d/m/Y');
>
> falou!
> boa sorte aí, volto lá pelas 23h..
Deusimar Ferreira - + 55 61 9162 8928, + 55 61 3388 6975
Desnvolvedor web - http://www.liberdadedeexpressao.inf.br
Diogo Góes
--
____________________________________________________________________
"Diga a verdade e corra!" -- FNORD
Everton Fraga
Diogo Góes
Pedro
estou montando um para fazer upload de imagem, arquivo(pdf),audio e
video...
só que não é integrada ao tiny, é apenas uma página de upload e só!
se quiser esperar eu terminar, eu posto aqui...
termino +/- no sábado a tarde
Abraços!
On 24 out, 15:21, "Diogo Góes" <diogog...@gmail.com> wrote:
> Pelo que eu entendi, o MCImageManager é pago... :(
> E pro meu painel ficar 100%, eu preciso de ter uma ferramenta de upload de
> imagem ou integrada ao Tiny (de preferência) ou externa... Alguma sugestão ?
>
> Abraços
>
> Em 24/10/07, Everton Fraga <evertonf...@gmail.com> escreveu:
>
>
>
>
>
> > algum problema com ele?
>
> > Em 23/10/07, Diogo Góes <diogog...@gmail.com> escreveu:
>
> > > Alguém tem algum outro plugin (ou o próprio) pra subir imagens no Tiny
> > > que não o* *MCImageManager ???