Editor Avançado


O editor avançado permite criar conteúdos de uma forma intuitiva, sem ter de recorrer ao código HTML.

A maioria dos utilizadores está bastante familiarizada com este tipo de editores, uma vez que as suas ferramentas se assemelham às utilizadas pelos processadores de texto.

Com este editor, não são necessários quaisquer conhecimentos de programação (HTML) para inserir conteúdos, simplificando a gestão dos websites – ao alcance de qualquer um.

De salientar que tanto o editor avançado, tal como a maioria dos campos de texto cms@plako, conta com um corrector automático. À semelhança de outros processadores de texto, o corrector sublinha com um ondulado a vermelho as palavras incorrectas, sugerindo alternativas que existam no seu dicionário.

De seguida exploramos cada um dos elementos que constituem o editor avançado.


Elementos
Modo de Visualização

O m
odo de visualização comporta quatro opções:

Normal – Apresenta o texto exactamente como vai aparecer na página. Inclui, no entanto, elementos que facilitam a edição do texto, como é o caso de limites de tabelas ou de imagens (que permitem o ajuste de dimensões, por exemplo).
Tags HTML
– Mostra o texto como vai aparecer na página mas identifica as tags HTML utilizadas em cada sitio (tabelas, formatação, cabeçalhos). Para utilizadores que queiram ter uma noção das tags que estão a ser utilizadas enquanto constrói o texto.
digo Fonte – Código HTML de tudo o que é visualizado na página. Para utilizadores avançados que querem ter um maior controlo sobre a introdução de conteúdos.
Pré-visualizar
Permite visualizar o texto exactamente como será apresentado no frontoffice.


Modelos


Este botão permite utilizar templates pré-definidas (ver secção Administração > Templates) no corpo do texto. Muito útil para uniformizar mensagens, por exemplo colocar um cabeçalho comum a todos os textos de uma determinada categoria.

Cortar, Copiar e Colar

À semelhança do que acontece nos processadores de texto tradicionais, estes botões permitem, tal como o nome indica, cortar, copiar e colar informação.


Anular e Refazer


Com estes botões é possível anular e refazer alterações efectuadas no texto do editor.


Procurar/Substituir

Permite localizar e substituir palavras ou expressões no texto. Útil para encontrar facilmente uma determinada expressão ou para substituir o uso de uma palavra por outra, em todo o texto (por exemplo, localizar a expressão “dia-a-dia” ao longo do texto e substituí-la por “quotidiano”).


Marcas e numeração


Estas opções permitem a criação de listas numeradas ou recorrendo simplesmente a marcas.


Avanço

Aqui podemos definir o avanço - a distância do parágrafo - em relação à margem esquerda ou direita. É possível aumentar e diminuir o avanço, criando assim uma distinção gráfica entre parágrafos.

Cor do Texto

Através deste botão podemos alterar a cor do texto. Basta seleccionar o texto pretendido (todo ou apenas uma parte, uma palavra, uma letra) e ao clicar no botão surge uma tabela com várias cores que podem ser escolhidas ao invés do tradicional preto (ou da cor definida como standard do website).

Alinhamento

Com estas opções podemos definir o alinhamento do texto: alinhado à esquerda, centrado, alinhado à direita e justificado. É possível utilizar vários alinhamentos em diferentes parágrafos de um mesmo texto.


Ligação

Esta opção permite colocar hiperligações no texto. Estas hiperligações podem ser externas – conexão com outros websites – ou internas – páginas que fazem parte do mesmo projecto.

Comporta as opções Inserir e Remover Ligações. Quando queremos inserir uma ligação, basta seleccionar o texto pretendido e clicar Inserir Ligação.


Surge uma janela similar a esta:
   

Se escolhermos adicionar uma hiperligação externa, basta seleccionar o prefixo na lista (1) apresentada (por exemplo https://) e colocar a url no campo que se segue (2). Podemos ainda seleccionar o destino (3), isto é, como será apresentada a página quando a hiperligação for clicada – se pretendemos que abra na mesma janela, numa nova janela em branco, numa janela de topo ou na janela pai.

Se escolhermos adicionar uma ligação interna, basta clicar no ícone azul (4). Surgirá então a seguinte janela:


Aqui podemos escolher o tipo de dado – a categoria – onde queremos procurar a informação. Vamos supor que queremos colocar uma ligação com uma notícia que foi publicada no website. Escolhemos a categoria Notícias e surge a listagem das notícias existentes no website, onde podemos seleccionar a entrada para a qual queremos criar a hiperligação. Depois basta confirmar e gravar.

Multimédia

Nesta secção é possível adicionar elementos multimédia ao texto. Inclui quatro elementos:

Imagem
Documento
Flash
Áudio

Para mais informação sobre os componentes multimédia por favor consulte o capítulo “Componentes Multimédiaaqui.


Tabelas

Através deste ícone é possível acrescentar tabelas de uma maneira simples e intuitiva. Podem ser criadas de duas maneiras:


a) Desenhar a tabela utilizando o esquema que é disponibilizado na secção geral. Basta seleccionar o número de linhas e colunas, tal como é apresentado na imagem, até um limite de 6 x 6.




















b) Através da secção Avançado, é possível indicar directamente o número de linhas e de colunas que pretendemos para a tabela. Não tem limite de tamanho.















Formatação


Este conjunto de botões permite formatar o texto utilizando Negrito, Itálico e Sublinhado, respectivamente.



Utilizando estes dois ícones podemos facilmente colocar texto superior ou inferiormente à linha.



Esta opção permite definir estilos. Consistem em formatações pré-definidas, úteis quando a mesma formatação é frequentemente utilizada em vários pontos do documento (por exemplo títulos, parágrafos, citações...).








Aqui podemos definir o tipo de letra, escolhendo-o entre as hipóteses apresentadas. Cada tipo de letra é utilizado no título respectivo, facilitando a escolha do utilizador.













À semelhança do que acontece no tipo de letra, aqui são apresentadas os tamanhos possíveis, com uma pré-visualização do tamanho real de cada medida.













Teclas de Atalho
A tabela que se segue apresenta uma esquematização das teclas de atalho disponíveis para o Editor Avançado.

Windows Linux Mac Descrição
Ctrl + Tab Ctrl + Tab Cmd + Tab Próximo campo no formulário
Ctrl + Shift + Tab Ctrl + Shift + Tab Cmd + Shift + Tab Campo anterior no formulário
Ctrl + Seta Direita Ctrl + Seta Direita Cmd + Seta Direita Palavra Seguinte
Ctrl + Seta Esquerda Ctrl + Seta Esquerda Cmd + Seta Esquerda Palavra Anterior
Ctrl + Home Ctrl + Home Cmd + Home Início do documento no editor
Ctrl + End Ctrl + End Cmd + End Fim do documento no editor
End End End Fim da linha
Home Home Home Início da linha
PgUp PgUp PgUp Salto no texto para cima
PgDown PgDown PgDown Salto no texto para baixo
Ctrl + L Ctrl + L Cmd + L Pesquisa
Ctrl +N Ctrl +N Cmd +N Negrito
Ctrl + I Ctrl + I Cmd + I Itálico
Ctrl + S Ctrl + S Cmd + S Sublinhado
Ctrl + T Ctrl + T Cmd + T Seleccionar tudo
Ctrl + Z Ctrl + Z Cmd + Z Desfazer último comando
Ctrl + R Ctrl + R Cmd + R Refazer último comando
Ctrl + E Ctrl + E Cmd + E Alinhar à esquerda
Ctrl + Y Ctrl + Y Cmd + Y Alinhar ao centro
Ctrl + H Ctrl + H Cmd + H Alinhar à direita
Ctrl + J Ctrl + J Cmd + J Justificar o texto
Ctrl + = Ctrl + = Cmd + = Inferior à linha
Ctrl + + Ctrl + + Cmd + + Superior à linha
Ctrl + 1 Ctrl + 1 Cmd + 1 Modo de visualização: Normal
Ctrl + 2 Ctrl + 2 Cmd + 2 Modo de visualização: Tags HTML
Ctrl + 3 Ctrl + 3 Cmd + 3 Modo de visualização: Código Fonte
Ctrl + 4 Ctrl + 4 Cmd + 4 Modo de visualização: Pré-visualizar