Editor WYSIWYG

NOTA

• A partir de 3 de junho de 2024, o editor WYSIWYG não estará mais disponível para novos projetos.

• Projetos criados antes dessa data continuarão tendo acesso ao editor WYSIWYG. No entanto, nenhuma melhoria adicional ou novos recursos serão introduzidos para este editor daqui para frente.

• Para melhor experiência e acesso a melhorias contínuas, recomendamos o uso do editor Advanced WYSIWYG.

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

NOTA

Você não pode trocar 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, a troca do Markdown para o WYSIWYG é possível.

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

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

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 aparece com as seguintes opções:

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

   • Pergunte à Eddy AI: Clique em Pergunte à Eddy AI para gerar três sugestões de títulos baseadas no conteúdo do artigo. Para usar esse recurso, seu artigo deve conter pelo menos 50 caracteres.

   • URL: Edite a 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 é Document360?, a URL se torna what-is-document360.

     NOTA

     Para mais informações, leia o artigo sobre Alterar a URL de um artigo.

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

Barra de ferramentas editoras WYSIWYG

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

NOTA

Para passos e orientações sobre como usar o editor Advanced WYSIWYG, leia o artigo sobre o editor Advanced WYSIWYG.

Opções adicionais de formatação

Imagem

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

1. Substituir: Para substituir a imagem.

2. Alinhar: Adicione uma legenda da 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 Inline ou Break Text.

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

8. Texto alternativo: Para adicionar texto alternativo para a 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. Mude o tamanho: Ajuste a largura e a altura da imagem em pixels. Clique em atualizar para confirmar.

10. Edição avançada: Para editar sua imagem, use ferramentas avançadas como Recortar para redimensionar, opções de Texto para ajustar negrito, itálico, sublinhado, cor e tamanho, e Rotação para ajustar a orientação. Você também  pode dar zoom in ou zoom out para edições detalhadas, usar a ferramenta Hand para navegação e acessar o Histórico para estados anteriores. Use Desfazer e Refazer para reverter ou repetir ações, Reiniciar para retornar à imagem original, Deletar para remover edições específicas, ou Deletar tudo para apagar tudo. Quando terminar, clique  em Salvar para aplicar e armazenar suas alterações.

Vídeo

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

1. Substituir: Para substituir o vídeo.

2. Remover: Para remover o vídeo.

3. Exibição: Para alterar a exibição de vídeo. Você pode usar as opções Inline ou Break Text.

4. Alinhar: Para alinhar o vídeo.

5. Mudança de tamanho: Para mudar o tamanho do vídeo.

6. Jogo automático: Para ativar ou desativar a opção de reprodução automática.

PDF

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

1. Remover: Para remover o arquivo PDF.

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

Arquivo Word

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

1. Cabeçalho da mesa: Ligue ou desligue o cabeçalho da mesa. Clique neste botão e a linha superior aparece na tabela.

2. Remover a mesa: Para remover a mesa. Clique neste botão, e a tabela e o conteúdo serão deletados. 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 na 'Coluna Delete' para remover a coluna atual.

5. Estilo da mesa: Para mudar o estilo da mesa. Você pode usar as opções de Bordas Tracejadas e Linhas Alternativas. A opção de alternar carreiras 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 qualquer número de vezes. A opção de mesclar só seria ativada quando você selecionasse mais de uma célula horizontal ou verticalmente.

7. Fundo da célula: Para mudar 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 encaixe no conteúdo, você pode escolher alinhar o conteúdo no topo, meio ou base 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ê pode alinhar o conteúdo à esquerda, ao centro, à direita ou no estilo justificado.

10. Estilo de célula: Para mudar o tipo da borda da célula. Você pode usar as opções Destacado (muda 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 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. Não é necessária uma sintaxe especial.

Por que usar o editor WYSIWYG?

• Diferente do editor Markdown, o editor WYSIWYG usa um único painel de edição, já que o conteúdo escrito já está em modo de prévia.

• O editor WYSIWYG oferece um recurso único para colar tabelas grandes de um site de terceiros ou de outra base de conhecimento.