AprendaWeb - aqui você aprende!

Contato

Como usar e instalar o Fckeditor?


25.05.2009 - Autor: Julio Cesar

JC - é graduando do curso Desenvolvimento de Sistema para web da FATEC-JP. Atuante na área de desenvolvimento web há três anos, com conhecimento em PHP, XHTML, CSS, Java Script, Ajax e ferramentas gráficas com Photoshop,Corel Draw e Illustrator. Atualmente estudando Java.

Cliques:2149

Bom pessoal neste post irei abordar o Fckeditor que e um editor de texto que uso em minhas aplicações, tambem irei mostrar como usar e instalar o Fckeditor para ter todas as funcionalidades do mesmo.

Publicidade publicidade

Uma das coisas mais interessantes do editor e que ele tem vesões para PHP,JAVA , .NET e outras linguagens.

Abaixo segue as etapas do processo de instalação e de uso do Fckeditor.

1° Baixe o script no link abaixo, e escolha a versão FCKeditor 2.6.4.

http://www.fckeditor.net/download

2° Após ter baixado o Fckeditor, vamos instalar e usar:

Extraia o arquivo, após ter extraido copie a pasta fckeditor e cole no diretorio raiz de sua aplicação.

Em sua pagina PHP, chame a classe e o javascript do Fckeditor da seguinte forma.

<script type="text/javascript" src=" fckeditor /fckeditor.js"></script>

<?php
include "fckeditor/fckeditor.php"; //Chama a classe fckeditor
?>

Lembrando que o Fckeditor esta na raiz de sua aplicação, vamos chama o objeto.

Abaixo segue como implementar o codigo e a explicação de cada linha de comando.

?php
	$editor = new FCKeditor("nomedocampo");//Nomeia a area de texto
	$editor-> BasePath = "fckeditor/";     //Informa a pasta do FKC Editor

	$editor-> Value = "";                  //Informa o valor inicial do campo, no exemplo está vazio
	$editor-> Width = "900";               //informa a largura do editor
	$editor-> Height = "300";              //informa a altura do editor

	$editor-> Create();                    // Cria o editor
?

Se em sua aplicação você tiver a necessidade de editar dados do Fckeditor, selecione os dados do banco e atribua a variavel dentro do exemplo abaixo:

?php
	$editor-> Value = "$nomedocampo";//Informa o valor inicial do campo

?

Depois de termos criado a pagina, e só inserir no banco de dados de acordo com o nome atribuido no ‘NAME’ do ‘TEXTAREA’.

Bom pessoal espero que vocês tenham gostado qualquer duvida deixe um comentário que irei responde-los.

Quer aprender PHP e MySql?
Faça um curso Agora!

Categorias

Posts Relacionados

Links Interessantes


Comentários

13.07.2010

Gostei muito

Gostei muito desse tutorial
http://www.jardimdavida.com.br

01.07.2010

liiz

oi, alguem podia me ajudar a inserir no banco de dados... sou novata, e não estou conseguindo!

22.01.2010

Júlio Cesar

Isso vai de programador para programador e gosto, cada um tem o seu...!o seu tb e bom mas prefiro usar o fckeditor padrão para não haver problema na minha aplicação!
http://www.juliowebdesign.com

05.10.2009

Pedro

Não querendo me intrometer mas tem um plugin jQuery que você imprementa muito mais facil e rapido o FCKEditor, bom eu não sei o outros mas eu trabalho com jQuery e não troco o meu jeito de imprementar, por este aqui!
http://www.aprendaweb.com desativado

02.10.2009

Julio Cesar

O caminho das imagens podem ser alteradas no arquivo fckeditor\editor\filemanager\connectors\php\config.php, na linha 33 tem uma pasta padr
http://www.juliowebdesign.com

02.10.2009

Julio Cesar

O caminho das imagens podem ser alteradas no arquivo fckeditor\editor\filemanager\connectors\php\config.php, na linha 33 tem uma pasta padrão ai e so alterar se você esta trabalhando com php e desta forma la tem a opção das configurações de outra linguagem.
http://www.juliowebdesign.com

14.08.2009

Romulo

Tenho uma dúvida a respeito de como configurar para onde as imagens irão ao fazer o upload?

Inserir Comentário

|

News Letter

Indique a um amigo

Quem Somos?

Somos profissionais da web e como nao temos muitas coisas para fazer nas horas vagas nos dedicamos a escrever sobre web. Também contamos com a ajudas de outros profissionais que trabalham também no mundo da internet e que escrevem aqui.

José Benito: benito@aprendaweb.com.br Segui-me twitter

Júlio Cesar: contato@juliowebdesign.com

Valid XHTML 1.0 Transitional