Guia Básico de Utilização do TinyMCE

O editor padrão neste sistema é o editor TinyMCE. Portanto,
esta é uma espécie de guia para iniciantes usando o editor TinyMCE.

TinyMCE é um editor WYSIWYG (o que você vê é o que você tem) que permite
aos usuários uma interface de processamento de texto familiar para usar durante
a edição de artigos e outros conteúdos.
A barra de ferramentas 3 linhas
abaixo fornece muitos comandos de edição padrão:

TinyMCE

Começando com o TinyMCE, o básico que você precisa saber!

Se você não está familiarizado com HTML, CSS ou publicação na web,
aqui estão alguns comandos simples que você deve saber que lhe permitirá criar artigos
simples, mas interessante.

Negrito, itálico, sublinhado tachadoEstilo
da fonte –
Selecione seu texto e use esses quatro
botões para fazer o texto em negrito, itálico, sublinhado ou tachado.

Formato de fonteFormato
de texto para o tamanho e títulos –
 Para fazer
seus artigos interessantes, realce o texto e use este menu drop-down para criar
uma variedade de diferentes estilos de títulos com diferentes atributos.

Você pode usar isso para fazer rapidamente texto grande, negrito, itálico e assim
por diante.

Editar cssEditar
Estilo CSS –
 Isso exibe uma caixa de diálogo
pop-up que permite que você digite informações de estilo CSS para o texto selecionado.
Você pode usar isso para alterar o tamanho do texto e para uma variedade
de outras funções.

AlinharAlinhamento –
Destaque seu texto ou selecione uma imagem e use esses botões para alinhar o texto,
imagens ou outros conteúdos esquerda, direita, centro e completos.

Inserir imagemInserir
/ Editar Imagem –
 Para inserir uma imagem,
coloque o cursor no local desejado e pressionar este botão.
Uma caixa de
diálogo pop-up aparece e permite que você digite a URL da Imagem e outras informações
sobre como a imagem será exibida.

Inserir linkInserir
/ Editar Link –
 Para inserir ou editar um link,
selecione o texto vinculado e pressionar este botão.
Uma caixa de diálogo pop-up aparece e permite inserir detalhes sobre o link.

DesligarUnlink
Para remover um link, realce o texto vinculado
e pressione este botão.

Inserção de mídia incorporadosInserção de mídia incorporada –

Para inserir mídias incorporada, tais como arquivos de flash
(youtube são arquivos de vídeo em flash), coloque o cursor no local
desejado e pressione este
botão. Uma caixa de diálogo pop-up será exibida, permitindo que você digite
o tipo de arquivo ou URL, e as dimensões da mídia incorporada.
Aqui está um exemplo de URL de um vídeo do youtube que você pode usar; http://www.youtube.com/watch?v=UNDcMAePKYY

Nota para novos usuários

Se você quiser saber mais sobre os conceitos básicos de HTML, CSS e publicação
de site, você deve visitar
www.w3schools.com

Se você quiser editar o html diretamente

Se você conhece HTML pode editar diretamente o código HTML do seu layout.

Editar Código Fonte –  Se
você clicar neste botão, uma janela pop-up irá abrir mostrando o código-fonte HTML do seu layout
e que lhe permite editar o código diretamente.
Editar HTML Source

Breve explicação de cada um dos botões no editor TinyMCE

Negrito, itálico, sublinhado tachadoEstilo
da fonte –
Faça o texto em negrito, itálico, sublinhado
ou tachado.

AlinharAlinhamento –
Alinhamento de texto, imagens ou outros conteúdos esquerda, direita, centro e completos.

Estilos de imagemTexto
e Imagem Estilos –
 Selecione o texto desejado e selecione o estilo.
Isso permite que esse texto passe a ser formatado com base em regras CSS.

Formato de fonteText
Format –
 Selecione formatos predefinidos para
o endereço Parágrafo, Heading1, e assim por diante.

Família da fonteTipo
de fonte –
 Selecione a fonte desejada.

ListasRecuarFormatação
de texto lista –
lista não ordenada, Lista ordenada,
Out-dente (mover para a esquerda) e recuo (recuo à direita).

Undo / redoUndo
/ redo –
Desfazer (Ctrl + Z) e Re-fazer (Ctrl + Y)
a formatação do que acabou de fazer ao seu artigo.

Inserir linkInserir
/ Editar Link –
 Para inserir ou editar um link,
selecione o texto vinculado e pressionar este botão.
Um pop-up
que permite inserir detalhes sobre o link será aberto.

DesligarUnlink
Para remover um link, realce o texto vinculado
e pressione este botão.

Insira âncoraInserir
/ editar âncora –
Cria um chamado ancorado que pode
ser usado como um alvo para saltar para quando se usa um link.

Inserir imagemInserir
/ Editar Imagem –
 Para inserir uma imagem,
coloque o cursor no local desejado e pressionar este botão.
Uma caixa de diálogo pop-up aparece e permite que você digite a URL da Imagem e outras informações sobre como a imagem será exibida.

Limpa código confusoCódigo
de Limpeza Sujo –
 Este botão permite-lhe limpar
o código HTML.

Editar HTML SourceEditar
Código Fonte –
 Se você clicar neste botão, uma janela pop-up irá abrir mostrando o código-fonte HTML do seu layout e que lhe permite editar o código diretamente.

EncontrarEncontrar
e encontrar / substituir.

Inserir dataInserir
Data
, Hora
, ou
Emoções .
tempoEmoticons

Inserção de mídia incorporadosInserção de mídia embutidos –
Para inserir mídia incorporados (como o Flash), coloque o cursor no local
desejado e pressionar este botão.
Uma caixa de diálogo pop-up será exibido,
permitindo que você digite o tipo de arquivo ou URL, e outras informações sobre
os meios de comunicação.


Direção do textoDireção
do texto –
Direção esquerda para a direita e Direção
direita para a esquerda.
Estes botões permitem que você inserir ou alterar
a direção do texto, por exemplo, para idiomas que são lidos direita para a esquerda.

Inserir nova camadaInserir
nova camada –
Insere uma nova camada de html que
flutua acima do html fundo.

Mova camadasAltura
da camada –
avançar ou retroceder camadas.

Posição alternânciaAlternar
posição absoluta –
 para trabalhar com itens
em camadas.


Cor do textoCor suspensaSelecione
a cor do texto –
Selecione a cor de seu texto.
Abre uma janela para a escolha de cores

Insira Régua HorizontalInsira
Régua Horizontal –
Adiciona uma régua horizontal
para sua página.

Remover formataçãoRemover
formatação –
Remove formatação de texto copiado de
outro lugar.

Orientações de alternância / elementos invisíveisOrientações de alternância /
elementos invisíveis –
Alterna os elementos invisíveis
de seu artigo.

Subscrito e SobrescritoSubscrito,
Sobrescrito –
 Para adicionar notação científica
a seu texto. 

Inserir caractere personalizadoInserir caractere Custom –
Escolha a partir de uma seleção de caracteres de texto personalizados.

Regra HorizontalRegra
Horizontal –
Aplica-se regra horizontal

Ferramentas de tabelaFerramentas
para a inserção e edição de tabelas –
Inserir nova
tabela, Propriedades linha da tabela, Propriedades célula da tabela, Inserir Linha
Antes, Inserir linha depois, Excluir Linha, Inserir coluna antes, Inserir coluna
depois, Excluir coluna, dividir células da tabela mescladas, Mesclar células da
tabela.

Alternar modo de tela cheiaAlternar modo de tela cheia –
Muda sua janela de edição de artigo para o tamanho total da tela

Editar cssEditar
Estilo CSS –
 A pop-up exibe caixa de diálogo
que permite que você digite informações de estilo CSS para o texto selecionado

3 15