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:
Navegue até o artigo WYSIWYG desejado no portal da base de conhecimento.
Clique no Título na barra superior do editor.
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.
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.
Característica | Opções | Descrição |
---|---|---|
| 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. | |
| 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. | |
| 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. | |
| 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. | |
| 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.
| |
Localizar e substituir () |
| |
Reutilização de conteúdo () | Reutilize o conteúdo em todo o projeto com:
| |
Glossário | Mantenha uma lista de termos e suas definições na base de conhecimento. | |
| 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. | |
| 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. | |
| 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:
Substituir: Para substituir a imagem.
Alinhar: adicione uma legenda de imagem para alinhar a imagem.
Legenda da imagem. Isso aparecerá na parte inferior da imagem.
Remover: Para remover a imagem.
Inserir link: Para adicionar um link à imagem. Depois de adicionar o link, você pode abrir, remover e editar o link.
Exibição: Para alterar a exibição da imagem. Você pode usar as opções Embutido ou Quebrar texto.
Estilo: Para alterar o estilo da borda da imagem. Você pode usar as opções Arredondado, Com bordas e Sombra.
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á.
Alterar tamanho: ajuste a largura e a altura da imagem como pixels. Clique em atualizar para confirmar.
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:
Substituir: para substituir o vídeo.
Remover: para remover o vídeo.
Exibição: Para alterar a exibição do vídeo. Você pode usar as opções Embutido ou Quebrar texto.
Alinhar: Para alinhar o vídeo.
Alterar tamanho: Para alterar o tamanho do vídeo.
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:
Remover: Para remover o arquivo PDF.
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:
Cabeçalho da tabela: ative ou desative o cabeçalho da tabela. Clique neste botão e a linha superior aparecerá na mesa.
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.
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.
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.
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.
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.
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.
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.
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.
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:
Usando atalhos de teclado
Seta para cima (↑): Pressione
ALT + 24
o teclado numéricoSeta para baixo (↓): Pressione
ALT + 25
o teclado numérico
Nota: Certifique-se de que NUM LOCK esteja ativado no teclado ao usar esses atalhos.
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:
Seta para cima:
↑
Seta para baixo:
↓
Esses métodos permitem que você insira caracteres de seta sempre que necessário no conteúdo do artigo.