Programei.org

FCKEditor é um editor WYSIWYG, acrônico da expressão “What You See Is What You Get”, “o que você vê é o que você tem” em português. Sempre que precisei incluir um editor HTML em meus projetos optei pelo TinyMCE, que também é uma ótima ferramenta, mas a versão free do TinyMCE não permite o upload de imagens.

Como nunca precisei desta função não pesquisei alternativas. Essa semana que passou precisei do upload e me indicaram o FCKEditor, gostei bastante e resolve escrever este post mostrando como instalar o FCKEditor e configurar o upload de imagens.
A primeira coisa a fazer é baixar o FCKEditor no site oficial do projeto, depois você vai subir os arquivos para o seu servidor. (clique em download no canto superior direito da sua tela, ou em Demo para ver a demonstração)

fckeditor
Instalando o FCKEditor
Agora vamos chamar o FCKEditor na página, para isto basta incluir a página assim:

Claro que você deve alterar o caminho entre aspas pelo caminho da pasta fckeditor.
Depois disto basta chamar o FCKEditor dentro do seu formulário da seguinte forma:

BasePath = 'fckeditor/' ;
$oFCKeditor->Value = $codigo['codigo'];
$oFCKeditor->Create() ;
?>

Logo na primeira linha você deve alterar o “fckeditor1″ pelo nome do campo do seu formulário.
Upload de imagens no FCKEditor
Pronto, você já tem um campo com editor HTML, agora vamos configurar para que o upload de imagens possa funcionar. Abra o arquivo fckeditor/editor/connectors/php/config.php e localize as linhas:

$config['Enabled'] = false;

Mude para:

$config['Enabled'] = true;

Na linha:

$Config['UserFilesPath'] = '';

Você deve informar o endereço da pasta onde as imagens serão armazenadas, com http://www e tudo… assim:

$Config['UserFilesPath'] = 'http://www.seusite.com.br/imagens/';

Não esqueça da barra no final.
Por fim altere a linha:

$Config['UserFilesAbsolutePath'] = '';

Inserindo o caminho absoluto no servidor da pasta onde as imagens serão armazenadas, maisou menos assim:

$Config['UserFilesAbsolutePath'] = '/home/seusite/public_html/imagem/';

Feito isto crie a pasta “imagem” e mude a permissão para 777.
Pronto, o FCKEditor já esta funcionando com upload de imagens e tudo mais.
Qualquer dúvida pode vir aqui que terei o prazer em ajudar no que puder.

Fonte: http://www.leobaiano.com/como-instalar-o-fckeditor-e-configurar-o-upload-de-imagens.html

4 Respostas para “Editor de texto com upload de imagem e varias opções (wysiwyg)”