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.
O modo 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.
Có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édia” aqui.
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.
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 |