A interface do Editor HTML permite que você edite facilmente seus documentos HTML a partir da interface do Gerenciador de Arquivos ( cPanel >> Home >> Arquivos >> Gerenciador de Arquivos ). Este editor HTML visual (WYSIWYG) inclui funções de edição poderosas de editores de área de trabalho familiares (por exemplo, Microsoft® Word).
Observação:
Devido à personalização, as capturas de tela neste guia podem não corresponder à interface do Editor de HTML que você vê. A tabela a seguir lista todos os recursos da interface.
A interface do Editor de HTML usa a funcionalidade CKEditor. Para obter mais informações, leia o Guia do usuário do CKEditor .
Barra de ferramentas
A interface do Editor HTML oferece as seguintes ferramentas que ajudam você a editar seus arquivos HTML:
Salve
- Salva o arquivo no servidor.
Modelos
- Seleciona um modelo a ser usado para estruturar seu documento com formulários predefinidos. Cada modelo inclui elementos como layout de página, formato de texto e estilo.
Impressão
- Imprime o arquivo.
Desfazer refazer
- Desfaça ou refaça seleções de texto em seu conteúdo.
Clique na seta para a esquerda para desfazer suas ações mais recentes.
Clique na seta para a direita para repetir as ações que você acabou de desfazer.
Encontrar e substituir
- Procure e substitua seleções de texto em seu conteúdo.
Clique no ícone Localizar para pesquisar o texto de determinado conteúdo.
Clique no ícone Substituir para pesquisar o conteúdo e, em seguida, substitua-o por um conteúdo diferente inserido na caixa de texto.
Selecionar tudo
- Seleciona todo o documento, que você pode recortar, copiar ou excluir.
Ferramenta de formulário
- Insira um ou mais elementos de formulário (por exemplo, caixas de seleção, caixas de texto, campos de seleção ou botões). O contêiner de formulário deve conter todos os seus elementos de formulário. Os formulários podem incluir os seguintes elementos:
- Uma caixa de seleção permite que os usuários selecionem um ou mais itens de uma lista em um formulário.
- Um botão de opção permite que os usuários selecionem um item de uma lista em um formulário.
- Uma caixa de texto é um campo de uma única linha que permite aos usuários inserir texto.
- Uma área de texto é um campo rolável de várias linhas que permite aos usuários inserir texto.
- Um campo de seleção é uma lista rolável que permite aos usuários selecionar uma ou mais configurações.
- Um botão permite que os usuários enviem um formulário preenchido.
- Um campo oculto é um campo que os usuários não podem ver, mas que o sistema envia ao servidor com o formulário preenchido.
Ferramentas de texto
- Altera a aparência do texto com as seguintes configurações:
Negrito
Itálico
Sublinhado
Tachado
Subscrito
Sobrescrito
Remover ferramenta de formatação
- Remove a formatação do texto selecionado, mas mantém o próprio texto. Se você copiou seu conteúdo de uma fonte externa e o formato é inconsistente com o resto do seu documento, clique nesta configuração para definir o texto de volta ao estilo padrão.
Ferramentas de lista
- Cria uma lista ordenada (numerada) ou não ordenada (com marcadores) em seu conteúdo.
Ferramentas de recuo
- Aumenta o recuo esquerdo ou direito para o parágrafo selecionado.
Ferramenta de cotação de bloco
- Cria uma citação em bloco para o texto selecionado.
Div
- Cria um divcontêiner em torno do texto selecionado.
Ferramentas de alinhamento
- Formata o texto ou as imagens selecionadas com as configurações de alinhamento à esquerda, centro, alinhamento à direita ou justificar totalmente.
Ferramentas de link
- Cria um link para um site ou arquivo em seu conteúdo. Se você adicionou um link de que não precisa mais, realce o link e use o ícone de link quebrado para removê-lo.
Ferramentas de âncora
- Cria âncoras em seu conteúdo para vincular a outra seção de seu site.
Ferramenta de imagem
- Insere uma imagem em seu arquivo. Ao usar essa ferramenta, você também pode navegar no servidor e selecionar uma imagem dele, em vez de seu computador local.
Ferramentas de inserção
- Adiciona tabelas, linhas horizontais, quebras de página e outros caracteres especiais ao seu conteúdo.
Ferramenta de incorporação de conteúdo de mídia de vários sites
- Insere elementos multimídia, como vídeos do YouTube ™ e objetos Flash, em seu documento.
Menu de estilos
- Define o estilo da fonte do texto selecionado.
Menu de formato de parágrafo_
- Define o estilo do parágrafo para o texto selecionado.
Ferramentas de direção de texto
- Defina a direção do seu texto da esquerda para a direita ou da direita para a esquerda.
Menu de fontes
- Define a configuração de fonte para o texto selecionado.
Observação:
Recomendamos que você use fontes globais, para garantir que o estilo definido permaneça o mesmo.
Menu de tamanho
- Define o tamanho da fonte para o seu texto.
Ferramentas de cor
- Define a cor do texto, bem como a cor de fundo do seu texto.
Minimizar
- Minimiza a interface para caber em janelas menores.
Mostrar ferramenta de blocos
- Exibe uma grade que separa os elementos de nível de bloco com tags HTML.
Fonte
- Exibe o código-fonte da área de conteúdo.
Cerca de
- Exibe informações sobre o navegador de arquivos no site do CKEditor.
Insira uma imagem
Para inserir uma imagem, execute as seguintes etapas:
- Clique no ícone da ferramenta Imagem na barra de ferramentas. O editor exibe a interface de propriedades da imagem . A interface de Propriedades da imagem inclui as seguintes guias:
Informações da imagem (padrão) - define o URL da imagem e manipula como ela é exibida no documento.
Link - Cria um link de imagem, que pode apontar para, por exemplo, outra página da web ou um documento.
Upload - armazena suas imagens no servidor, onde você pode recuperá-las sem o seu computador local.
Avançado - define as configurações da imagem (por exemplo, atribuições de ID, classes, dicas de ferramentas ou propriedades CSS).
Observação:
Você só deve usar a guia Avançado se entender HTML e CSS.
Confirme suas configurações na interface de visualização e clique em OK .
Para obter mais informações sobre a interface de propriedades da imagem , leia o Guia do usuário do CKEditor .
Observação:
Se você habilitou o recurso Hotlink Protection e sua lista de hotlinks habilitados exclui sua conta de domínio principal, você pode não ver as imagens incorporadas. Adicione seu domínio principal aos URLs para permitir a lista de acesso para corrigir esse problema.
Navegador de arquivos
A configuração Procurar servidor direciona você para a seção Navegador de arquivos da interface . Use esta seção para navegar, fazer upload e gerenciar imagens em sua conta cPanel.
Essa interface inclui as seguintes seções:
Barra de ferramentas - uma série de botões que executam rapidamente funções específicas do navegador de arquivos.
- Mova os níveis de pastas para cima ou para baixo.
- Veja mais informações sobre o arquivo selecionado.
Painel de pastas - organiza a hierarquia de pastas para facilitar a navegação. Use as setas para expandir e recolher os diferentes níveis hierárquicos.
Painel de arquivos - Lista os arquivos disponíveis na pasta selecionada.
Barra de status - A seção na parte inferior da interface que exibe informações sobre, por exemplo, o arquivo selecionado ou o número total de arquivos na pasta.
