Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

Editor WYSIWYG

Prev Next

Planos que suportam o uso do editor WYSIWYG

Planos que suportam este recurso: Professional Business Enterprise

O editor WYSIWYG (What You See Is What You Get), também conhecido como editor HTML, é uma das três opções de editor disponíveis no Document360. Ele permite que os usuários criem e visualizem o conteúdo exatamente como ele aparecerá em artigos publicados ou páginas de categoria no site da base de conhecimento.

NOTA

Não é possível alternar do editor WYSIWYG para o editor Markdown. Uma vez que os artigos são convertidos de Markdown para WYSIWYG, eles não podem ser revertidos. No entanto, é possível mudar de Markdown para WYSIWYG.


Editando o título e a URL de um artigo WYSIWYG

Para editar o título e a URL de um artigo WYSIWYG, siga estas etapas:

  1. Navegue até o artigo WYSIWYG desejado no portal da base de conhecimento.

  2. Clique no Título na barra superior do editor.

  3. Um painel é exibido com as seguintes opções:

    • Título: Edite o título do artigo.

    • Pergunte ao Eddy AI: clique em Pergunte ao Eddy AI para gerar três sugestões de título com base no conteúdo do artigo. Para usar esse recurso, seu artigo deve conter pelo menos 50 caracteres.

    • URL: edite o URL do artigo neste campo. Por padrão, o slug é gerado a partir do título do artigo.
      Por exemplo, se o título do artigo for O que é o Document360?, a URL se tornará what-is-document360.

    NOTA

    Para mais informações, leia o artigo sobre Change the URL of an article.

    • Descrição: Insira uma breve descrição do artigo.

WYSIWYG editor interface showing title, URL, and description fields with arrow indicators.


Barra de ferramentas do editor WYSIWYG

A barra de ferramentas WYSIWYG oferece várias opções para editar e formatar seu texto, incluindo a opção de inserir arquivos de mídia também. As diferentes seções da barra de ferramentas e seus usos são mostrados e elaborados abaixo.

Document360 interface shows the toolbars of WYSIWYG editor

Característica

Opções

Descrição

  1. Títulos

Normal

Aplica o estilo de parágrafo padrão. Use isso para o conteúdo regular do corpo do seu artigo.

Rubrica 2

Usado para títulos de seção principal. Ajuda os leitores a identificar rapidamente os principais tópicos de um artigo.

Rubrica 3

Usado para subseções no Título 2. Organiza o conteúdo em partes legíveis dentro de cada seção.

Rubrica 4

Usado para divisões menores dentro do conteúdo do Título 3. Ajuda a estruturar informações complexas de forma mais granular.

  1. Formatação de texto

Negrito ()

Enfatize o texto usando um estilo em negrito.

Itálico ()

Enfatize o texto usando o estilo itálico.

Sublinhar

Adicione um sublinhado ao texto selecionado.

Tachado ()

Risque o texto com um tachado.

Mais texto ()

Fornece opções para atualizar o tamanho da fonte, a família de fontes, a cor do texto, a cor da tela de fundo, o subscrito, o sobrescrito e a formatação clara.

  1. Formatação de parágrafo

Lista não ordenada ()

Faça uma lista indicada com os seguintes símbolos: •, ○, ◘. Os símbolos Disco e Padrão são os mesmos.

Lista ordenada ()

Para fazer uma lista indicada com números para cada item. Você pode usar números, alfabetos, algarismos romanos e algarismos gregos. O padrão refere-se a números.

Mais parágrafos ()

Para atualizar o alinhamento, a altura da linha de parágrafos, recuos e texto de citação.

  1. Opções de inserção

Inserir link ()

Adicione um hiperlink de um URL fornecido ou artigo da base de conhecimento ao texto selecionado.

Inserir bloco de código ()

Adicione um bloco de código ao seu artigo, como um snippet de JavaScript.

Inserir imagem ()

Insira uma imagem do URL, do armazenamento local ou do Drive. Por exemplo, você pode adicionar uma captura de tela da interface do usuário. Você também pode usar (Ctrl+p) para executar essa ação.

Inserir arquivo ()

Adicione um arquivo do Drive, como um arquivo do Word ou PDF.

Inserir textos explicativos ()

Adicione caixas de informações editáveis em azul, amarelo e vermelho para informações adicionais, importantes e essenciais, respectivamente.

Notas privadas

Insira uma caixa de comentário interna editável visível apenas para membros da equipe conectados para feedback interno.

Inserir LaTeX ()

Adicione expressões matemáticas e equações usando a sintaxe LaTeX.

  • Para adicionar, clique na opção Inserir LaTeX e um painel Inserir expressão de látex será exibido. Digite a sintaxe LaTeX desejada e clique em Inserir.

    NOTA

    Para obter mais informações, leia este artigo de ajuda sobre Supported TeX/LaTeX commands.

  • Para editar, clique no ícone Editar () na expressão. Um painel Inserir expressão de látex é exibido. Faça as alterações necessárias na sintaxe e clique em Atualizar.

  • Para excluir, clique no ícone Excluir ().

Localizar e substituir ()

  • Pesquise e substitua texto em seu artigo, útil em artigos longos.

Reutilização de conteúdo ()

Reutilize o conteúdo em todo o projeto com:

  • Variável: para conteúdo de texto.

  • Snippet: Para texto, imagens, tabelas, blocos de código, etc.

Glossário

Mantenha uma lista de termos e suas definições na base de conhecimento.

  1. Mais rico

Inserir vídeo ()

Incorpore vídeos de plataformas como YouTube, Wistia, Streams ou Vimeo.

Inserir tabela ()

Adicione uma tabela selecionando o número desejado de linhas e colunas.

Inserir linha horizontal (—)

Adicione uma linha no artigo.

Emoticons ()

Insira emoticons para aumentar o engajamento do artigo.

  1. Outras opções

Visualização de código ()

Alterne para o editor de sintaxe HTML.

Desfazer ()

Desfaça a ação anterior.

Refazer ()

Repita a ação anterior.

  1. Interruptor do editor

A alternância do editor de alternância é usada se você deseja converter seu artigo para o editor WYSIWYG avançado.

Clique no botão de alternância e clique em Alternar para novo editor e o artigo será convertido em editor WYSIWYG avançado.

NOTA

Para obter etapas e orientações sobre como usar o editor WYSIWYG avançado, leia o artigo em Advanced WYSIWYG editor.

Opções adicionais de formatação

1. Imagem

Depois que uma imagem é adicionada a um artigo, você pode acessar as opções abaixo clicando na imagem:

  1. Substituir: Para substituir a imagem.

  2. Alinhar: adicione uma legenda de imagem para alinhar a imagem.

  3. Legenda da imagem. Isso aparecerá na parte inferior da imagem.

  4. Remover: Para remover a imagem.

  5. Inserir link: Para adicionar um link à imagem. Depois de adicionar o link, você pode abrir, remover e editar o link.

  6. Exibição: Para alterar a exibição da imagem. Você pode usar as opções Embutido ou Quebrar texto.

  7. Estilo: Para alterar o estilo da borda da imagem. Você pode usar as opções Arredondado, Com bordas e Sombra.

  8. Texto alternativo: para adicionar texto alternativo à imagem. Se o arquivo de imagem não puder ser carregado, o texto alternativo aparecerá em uma caixa em branco onde a imagem aparecerá.

  9. Alterar tamanho: ajuste a largura e a altura da imagem como pixels. Clique em atualizar para confirmar.

  10. Edição avançada: para editar sua imagem, use ferramentas avançadas, como Cortar para redimensionar, Opções de texto para ajustar negrito, itálico, sublinhado, cor e tamanho e Girar para ajustar a orientação. Você também pode aumentar ou diminuir o zoom para edição detalhada, usar a ferramenta Mão para navegação e acessar o Histórico para estados anteriores. Use Desfazer e Refazer para reverter ou repetir ações, Redefinir para retornar à imagem original, Excluir para remover edições específicas ou Excluir tudo para limpar tudo. Quando terminar, clique em Salvar para aplicar e armazenar suas alterações.

2. Vídeo

Depois de incorporar um vídeo em um artigo, você pode acessar as opções abaixo clicando à esquerda ou à direita do vídeo no painel do editor:

  1. Substituir: para substituir o vídeo.

  2. Remover: para remover o vídeo.

  3. Exibição: Para alterar a exibição do vídeo. Você pode usar as opções Embutido ou Quebrar texto.

  4. Alinhar: Para alinhar o vídeo.

  5. Alterar tamanho: Para alterar o tamanho do vídeo.

  6. Reprodução automática: para ativar ou desativar a opção de reprodução automática.

3. PDF

Depois que um arquivo PDF é adicionado a um artigo, você pode acessar as opções abaixo clicando no lado esquerdo ou direito próximo ao arquivo PDF no painel do editor:

  1. Remover: Para remover o arquivo PDF.

  2. Alterar tamanho: para alterar o tamanho do arquivo PDF.

4. Arquivo do Word

Depois que uma tabela é adicionada a um artigo, você pode acessar as opções abaixo clicando na tabela:

  1. Cabeçalho da tabela: ative ou desative o cabeçalho da tabela. Clique neste botão e a linha superior aparecerá na mesa.

  2. Remover tabela: para remover a tabela. Clique neste botão e a tabela e o conteúdo serão excluídos. Se você clicou acidentalmente em remover, sempre pode usar a ação Desfazer (Ctrl + Z) para restaurar a tabela.

  3. Linha: coloque o cursor em qualquer célula da linha pretendida e clique em 'Inserir linha acima' ou 'Inserir linha abaixo' para adicionar linhas à tabela. Clique em 'Excluir linha' para remover a linha atual.

  4. Coluna: Coloque o cursor em qualquer célula da coluna pretendida e clique em 'Inserir coluna acima' ou 'Inserir coluna abaixo' para adicionar colunas à tabela. Clique em 'Excluir coluna' para remover a coluna atual.

  5. Estilo da tabela: para alterar o estilo da tabela. Você pode usar as opções Bordas tracejadas e Linhas alternativas. A opção de linhas alternativas distinguiria a cor da linha.

  6. Célula: Clique neste botão e selecione a ação para mesclar ou dividir células. Você pode dividir uma célula vertical ou horizontalmente quantas vezes quiser. A opção de mesclagem seria habilitada somente quando você selecionasse mais de uma célula horizontal ou verticalmente.

  7. Plano de fundo da célula: Para alterar a cor de fundo da célula. Você pode selecionar na paleta de cores disponível ou inserir o código HEX.

  8. Alinhamento vertical: para alterar o alinhamento vertical do conteúdo na célula. Você pode fazer isso para uma única célula ou várias seleções de células. Se a altura da célula for maior que o ajuste do conteúdo, você poderá optar por alinhar o conteúdo na parte superior, central ou inferior da célula.

  9. Alinhamento horizontal: para alterar o alinhamento horizontal do conteúdo na célula. Você pode fazer isso para uma única célula ou várias seleções de células. Se a largura da célula for maior que o ajuste do conteúdo, você poderá alinhar o conteúdo no estilo esquerdo, central, direito ou justificado.

  10. Estilo de célula: para alterar o tipo de borda da célula. Você pode usar as opções Destacado (altera a cor da borda da célula) e Grosso (aumenta a espessura da borda da célula) da célula selecionada.


Quando, onde e por que usar o editor WYSIWYG

Quem pode usar o editor WYSIWYG?

Usuários do Document360 que se sentem confortáveis com editores de HTML.

O editor WYSIWYG é fácil de usar?

Usar o editor WYSIWYG será semelhante ao uso de um aplicativo de processamento de texto.

Por exemplo, Microsoft Word, Google Docs, etc.

Você pode copiar e colar conteúdo diretamente de um documento do Word ou de qualquer outra fonte. Nenhuma sintaxe especial é necessária.

Por que usar o editor WYSIWYG?

  • Ao contrário do editor Markdown, o editor WYSIWYG usa um único painel de edição, pois o conteúdo escrito já está no modo de visualização.

  • O editor WYSIWYG fornece um recurso exclusivo para colar tabelas grandes de um site de terceiros ou de outra base de conhecimento.


Perguntas Freqüentes

Como posso inserir símbolos de seta para cima e para baixo no editor WYSIWYG?

Você pode adicionar caracteres de seta para cima (↑) e para baixo (↓) no editor WYSIWYG usando um dos seguintes métodos:

  1. Usando atalhos de teclado

    1. Seta para cima (↑): Pressione ALT + 24 o teclado numérico

    2. Seta para baixo (↓): Pressione ALT + 25 o teclado numérico

    Nota: Certifique-se de que NUM LOCK esteja ativado no teclado ao usar esses atalhos.

  2. Usando Unicode na Visualização de Código

    Se você estiver familiarizado com a edição na Visualização de código do editor WYSIWYG, poderá inserir os seguintes valores Unicode:

    1. Seta para cima: ↑

    2. Seta para baixo: ↓

Esses métodos permitem que você insira caracteres de seta sempre que necessário no conteúdo do artigo.