[PT] USEECFC3 - Formatar a descrição de um item com marcação e cores

1. Na tela de início do seu workspace, clique em Categorias. Em seguida, abra a categoria que possui um campo do tipo Editor de texto HTML configurado
2. Para acessar o item, expanda o menu de ações e clique em Acessar
3. O campo Descrição rica traz o editor. A barra de cima reúne desfazer e refazer, estilo de texto, negrito, itálico, sublinhado, tachado, código, cores, alinhamento e inserção
4. Você não precisa da barra para formatar: digite ## seguido de espaço e a linha vira título na hora. O editor converte a marcação enquanto você escreve
5. A mesma conversão vale para negrito, com dois asteriscos de cada lado do trecho. Em parágrafo funciona; dentro de um título não converte, porque ali o negrito já seria redundante
6. Um hífen seguido de espaço abre uma lista de marcadores, e o Enter continua a lista sozinho
7. Selecione o trecho que você quer colorir. Ao selecionar, aparece uma barra flutuante sobre o texto com as formatações mais usadas
8. Para a cor, use o controle de cores da barra de cima. Ele abre um único menu, com Cor do Texto e Cor de Destaque
9. Cor do Texto pinta a letra e Cor de Destaque pinta o fundo, como um marca-texto. Cada nome aparece escrito na própria cor, o que serve de prévia. Aqui escolhemos Azul no texto
10. O trecho fica azul na hora. Salve o item: o aviso confirma a gravação e a data em ATUALIZADO EM muda na coluna da esquerda
11. Na tela do item, Cor do Texto e Cor de Destaque trazem sete cores cada, mais Padrão. Para qualquer outra cor, o controle completo fica na configuração do campo. Abra Configurações no menu lateral esquerdo
12. Em Estrutura, abra Categorias e escolha a mesma categoria do item
13. Abra Campos: é aqui que cada campo da categoria é configurado
14. No menu Ações do campo do tipo Editor de texto HTML, escolha Editar
15. A tela de edição do campo traz a Pré-visualização do campo, que é um editor de verdade: dá para testar a formatação sem salvar nada. Repare que a barra aqui é mais completa que a da tela do item
16. Escreva um texto de exemplo e selecione o trecho que vai receber a cor
17. Abra o controle de cor da fonte. O botão à esquerda dele é o realce, que tem paleta própria e não se confunde com este
18. Além das seis amostras, existe uma barra xadrez acima delas. É ela que abre o seletor completo
19. O seletor traz o quadro de saturação e brilho, a faixa de matiz, a faixa de opacidade e o campo HEXA. Escolha o tom na faixa de matiz
20. Clique no quadro para fechar a escolha. O campo HEXA preenche sozinho com o código da cor, então você não precisa digitá-lo
21. A linha Valor Formatado mostra o HTML gerado, com a cor aplicada como estilo do trecho. É a confirmação de que a cor entrou no conteúdo, e não só na tela

[PT] USEECFC3 - Formatar a descrição de um item com marcação e cores

1. Na tela de início do seu workspace, clique em Categorias. Em seguida, abra a categoria que possui um campo do tipo Editor de texto HTML configurado

2. Para acessar o item, expanda o menu de ações e clique em Acessar

3. O campo Descrição rica traz o editor. A barra de cima reúne desfazer e refazer, estilo de texto, negrito, itálico, sublinhado, tachado, código, cores, alinhamento e inserção

4. Você não precisa da barra para formatar: digite ## seguido de espaço e a linha vira título na hora. O editor converte a marcação enquanto você escreve

5. A mesma conversão vale para negrito, com dois asteriscos de cada lado do trecho. Em parágrafo funciona; dentro de um título não converte, porque ali o negrito já seria redundante

6. Um hífen seguido de espaço abre uma lista de marcadores, e o Enter continua a lista sozinho

7. Selecione o trecho que você quer colorir. Ao selecionar, aparece uma barra flutuante sobre o texto com as formatações mais usadas

8. Para a cor, use o controle de cores da barra de cima. Ele abre um único menu, com Cor do Texto e Cor de Destaque

9. Cor do Texto pinta a letra e Cor de Destaque pinta o fundo, como um marca-texto. Cada nome aparece escrito na própria cor, o que serve de prévia. Aqui escolhemos Azul no texto

10. O trecho fica azul na hora. Salve o item: o aviso confirma a gravação e a data em ATUALIZADO EM muda na coluna da esquerda

11. Na tela do item, Cor do Texto e Cor de Destaque trazem sete cores cada, mais Padrão. Para qualquer outra cor, o controle completo fica na configuração do campo. Abra Configurações no menu lateral esquerdo

12. Em Estrutura, abra Categorias e escolha a mesma categoria do item

13. Abra Campos: é aqui que cada campo da categoria é configurado

14. No menu Ações do campo do tipo Editor de texto HTML, escolha Editar

15. A tela de edição do campo traz a Pré-visualização do campo, que é um editor de verdade: dá para testar a formatação sem salvar nada. Repare que a barra aqui é mais completa que a da tela do item

16. Escreva um texto de exemplo e selecione o trecho que vai receber a cor

17. Abra o controle de cor da fonte. O botão à esquerda dele é o realce, que tem paleta própria e não se confunde com este

18. Além das seis amostras, existe uma barra xadrez acima delas. É ela que abre o seletor completo

19. O seletor traz o quadro de saturação e brilho, a faixa de matiz, a faixa de opacidade e o campo HEXA. Escolha o tom na faixa de matiz

20. Clique no quadro para fechar a escolha. O campo HEXA preenche sozinho com o código da cor, então você não precisa digitá-lo

21. A linha Valor Formatado mostra o HTML gerado, com a cor aplicada como estilo do trecho. É a confirmação de que a cor entrou no conteúdo, e não só na tela