O JCE é sem dúvidas o editor de textos mais robusto para uso no Joomla!. Nesse artigo veremos como instalá-lo configurar algumas de suas principais funcionalidades.Por padrão o Joomla! vem instalado e habilitado o TinyMCE, mas esse editor não tem tantos recursos. O JCE é um editor que foi desenvolvido baseado no TinyMCE e com recursos totalmente direcionados para quem trabalha com Joomla!. Vejamos alguns dos recursos que esse editor nos trás?

  • Funções oficce e botões familiares para facilitar formatações simples.
  • Faz upload, renomeia, exclui, copia/corta/cola imagens e insere nos artigos utilizando uma interface intuitiva e familiar.
  • Cria links para outras seções, categorias, artigos, weblinks em seu site usando um único e prático link no browser.
  • Possui um editor de código avançado que fornece um “syntax highlighting” no código escrito.
  • É integrado com um verificador ortográfico usando o Google Spellchecker (ou Pspell e ASpell).

Bem, vejamos agora como instalar esse editor em seu Joomla!. Primeiro temos que baixar o pacote do JCE, que já vem com tudo que é necessário para o JCE funcionar.

A instalação é padrão, ocorre como qualquer outra instalação de componentes do Joomla!. Você acessa o menu Extensions > Install/Uninstall, seleciona o pacote do JCE no campo de arquivo, clica em instalar e pronto, instalado!!!

Instalação JCE

Após a instalação do JCE devemos habilitá-lo nas Configurações Globais do Joomla. Vá em Site > Global Configuration e selecione o JCE no campo Default WYSIWYG Editor. Feito isso seu editor já está instalado e apto para uso.

Caso a mensagem abaixo apareça quando você for adicionar um novo artigo é por que o JCE não encontrou um arquivo CSS que ele usa.

Erro no JCE

Erro no JCE

No JCE, temos a opção de customizar toda a interface do editor, podemos até deixar com que a caixa na qual o usuário escreve o artigo se assemelhe o máximo possível com o site, dando a impressão de que estamos escrevendo diretamente no frontend do site.

Para corrigir facilmente esse erro basta ir em Components >JCE Administration > Configuration e na opção Use template CSS selecionar NO. No campo logo abaixo(Custom CSS file), você deve por um arquivo CSS que o JCE irá usar na interface do editor. Por padrão ele tras o arquivo editor que fica no template system, se você estiver usando um outro template no qual não possua esse arquivo CSS basta copiar o template system e colar no template no qual você está usando.