Noções Básicas de Edição de Texto Formatado
A edição de texto formatado, também denominada WYSIWYG (What You See Is What You Get, Aquilo Que Vê é Aquilo Que Obtém), significa que o texto é formatado à medida que o utilizador o escreve. O editor cria o código HTML em segundo plano enquanto o utilizador se concentra na escrita. Estilos de tipos de letra, links e imagens aparecem aproximadamente como irão aparecer na Internet.
O WordPress inclui um editor visual que funciona bem nos principais browsers actuais. No entanto, editar HTML não é o mesmo do que escrever texto. Cada página web tem dois componentes principais: a estrutura, que corresponde ao código HTML e que é criada pelo editor à medida que vai escrevendo e a apresentação que é determinada pelo tema de WordPress que está activo neste momento e pelo respectivo ficheiro style.css. O WordPress cria XHTML 1.0 válido o que quer dizer que inserir múltiplas quebras de linha (tags BR) a seguir a um parágrafo não vai produzir espaço em branco adicional na página. As tags BR são removidas como inválidas, pelas funções internas de correcção de HTML.
Neste editor a maior parte das teclas de atalho funcionam como em qualquer outro editor. Por exemplo: Shift+Enter insere uma quebra de linha, Ctrl+C = copiar, Ctrl+X = cortar, Ctrl+Z = desfazer, Ctrl+Y = refazer, Ctrl+A = seleccionar tudo, etc. (no Mac use a tecla Command em vez de Ctrl). Veja no separador Teclas de Atalho todos os atalhos disponíveis.
Se não gosta do modo de funcionamento do editor visual, pode desligá-lo no seu Perfil, na opção Utlizadores do seu menu de administração.
Edição Avançada de Texto Formatado
Imagens e Anexos
Existe um botão na barra de ferramentas do editor para inserir imagens que já estão alojadas algures na Internet. Se tiver o URL de uma imagem, clique neste botão para introduzir esse URL na caixa apresentada.
If you need to upload an image or another media file from your computer, you can use the Media Library button above the editor. The media library will attempt to create a thumbnail-sized copy from each uploaded image. To insert your image into the post, first click on the thumbnail to reveal a menu of options. When you have selected the options you like, click "Insert into Post" and your image or file will appear in the post you are editing.
HTML no Editor de Texto Formatado
Any HTML entered directly into the rich editor will show up as text when the post is viewed. What you see is what you get. When you want to include HTML elements that cannot be generated with the toolbar buttons, you must enter it by hand in the Text editor. Examples are tables and <code>. To do this, click the Text tab and edit the code, then switch back to Visual mode. If the code is valid and understood by the editor, you should see it rendered immediately.
A colar no Editor de Texto Formatado
When pasting content from another web page the results can be inconsistent and depend on your browser and on the web page you are pasting from. The editor tries to correct any invalid HTML code that was pasted, but for best results try using the Text tab or one of the paste buttons that are on the second row. Alternatively try pasting paragraph by paragraph. In most browsers to select one paragraph at a time, triple-click on it.
Pasting content from another application, like Word or Excel, is best done with the Paste from Word button on the second row, or in Text mode.
Escrevendo à velocidade máxima
Em vez de usar o rato para clicar na barra de ferramentas, use as teclas de acesso rápido. Em Windows e Linux use Ctrl+letra. Em Macintosh use Command+letra.
| Letra | Acção | Letra | Acção |
|---|---|---|---|
| c | Copiar | v | Colar |
| a | Seleccionar tudo | x | Cortar |
| z | Anular | y | Refazer |
| b | Negrito | i | Itálico |
| u | Sublinhado | 1 | Cabeçalho 1 |
| 2 | Cabeçalho 2 | 3 | Cabeçalho 3 |
| 4 | Cabeçalho 4 | 5 | Cabeçalho 5 |
| 6 | Cabeçalho 6 | 9 | Endereço |
Os seguintes atalhos usam teclas de acesso diferentes: Alt + Shift + letra.
| Letra | Acção | Letra | Acção |
|---|---|---|---|
| n | Verificação Ortográfica | l | Alinhar à Esquerda |
| j | Justificar Texto | c | Alinhar ao Centro |
| d | Rasurado | r | Alinhar à Direita |
| u | • Lista | a | Inserir link |
| o | 1. Lista | s | Remover link |
| q | Citação | m | Inserir Imagem |
| w | Distraction Free Writing mode | t | Inserir o separador Mais |
| p | Inserir quebra de página | h | Ajuda |
Editor width in Distraction Free Writing mode:
| Alt +Ctrl + | Mais largo | Alt -Ctrl - | Mais estreito |
|---|---|---|---|
| Alt 0Ctrl 0 | Largura por omissão |
Acerca do TinyMCE
Versão: ()
O TinyMCE é um editor HTML WYSIWYG em Javascript, independente de plataforma, publicado como Open Source sob uma licença LGPL pela Moxiecode Systems AB. Tem a capacidade de converter campos TEXTAREA ou outros elementos HTML em instâncias do editor.
Copyright © 2003-2007, Moxiecode Systems AB, Todos os direitos reservados.
For more information about this software visit the TinyMCE website.
