Editor de textos (ATTO e TinyMce): mudanças entre as edições

De GuiaEaD
Sem resumo de edição
 
(16 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
O editor padrão de textos do Moodle é o TinyMce, em geral ele é o mais utilizado pelos usuários. O editor de textos ATTO oferece menos funcionalidades que o TinyMce, mas também é um bom editor, destacando-se principalmente em tarefas mais avançadas, como edição de códigos HTML e compatibilidade com o framework Bootstrap.
O Moodle possui dois editores de textos: o ATTO e o TinyMce.
 
O editor de textos ATTO tem mais funcionalidades, é mais amigável e tem sido usado como o editor de textos padrão do Moodle aqui no IFG.
 
== ATTO ==
[[Arquivo:ATTO - Editor de textos.png|borda]]
 
A saber:
{| class="wikitable"
|[[Arquivo:ATTO - formatação.png]]
|Formatação pré-definida / Negrito / Itálico
|-
|[[Arquivo:ATTO - cor.png]]
|Cor de fonte / Família da fonte
|-
|[[Arquivo:ATTO - listas.png]]
|Inserir ou remover lista com marcadores / lista numerada
|-
|[[Arquivo:ATTO - links.png]]
|Inserir link / remover link
|-
|[[Arquivo:ATTO - anexos.png]]
|Inserir imagem / inserir vídeo / gerenciar arquivos incorporados
|-
|[[Arquivo:ATTO - sublinhado.png]]
|Sublinhado / riscado / subscrito / sobrescrito
|-
|[[Arquivo:ATTO - alinhamento.png]]
|Alinhar à esquerda / centralizar / alinhar à direita
|-
|[[Arquivo:ATTO - recuo.png]]
|Diminuir recuo / Identar
|-
|[[Arquivo:ATTO - tabela.png]]
|Editor de equações / Inserir caractere / inserir ou editar tabela / limpar formatação
|-
|[[Arquivo:ATTO - desfazer.png]]
|Desfazer ação / refazer ação
|-
|[[Arquivo:ATTO - acessibilidade.png]]
|Verificador de acessibilidade / Ajuda para leitura de tela
|-
|[[Arquivo:ATTO - html.png]]
|Editar código fonte HTML
|}


== TinyMce ==
== TinyMce ==
Linha 42: Linha 86:
|-
|-
|[[Arquivo:TinyMCE - fonte.png]]
|[[Arquivo:TinyMCE - fonte.png]]
|Selecionar o tipo e fonte / tamanho da fonte
|Selecionar o tipo de fonte / tamanho da fonte
|-
|-
|[[Arquivo:TinyMCE - html.png]]
|[[Arquivo:TinyMCE - html.png]]
|Editar código fonte / localizar / localizar e substituir
|Editar código fonte HTML / localizar / localizar e substituir
|-
|-
|[[Arquivo:TinyMCE - tabela.png]]
|[[Arquivo:TinyMCE - tabela.png]]
Linha 57: Linha 101:
|}
|}


== ATTO ==
= Como trocar o editor de textos =
[[Arquivo:ATTO - Editor de textos.png|borda]]
<youtube>LvMmxOWeElE</youtube>

Edição atual tal como às 11h33min de 12 de agosto de 2022

O Moodle possui dois editores de textos: o ATTO e o TinyMce.

O editor de textos ATTO tem mais funcionalidades, é mais amigável e tem sido usado como o editor de textos padrão do Moodle aqui no IFG.

ATTO

ATTO - Editor de textos.png

A saber:

ATTO - formatação.png Formatação pré-definida / Negrito / Itálico
ATTO - cor.png Cor de fonte / Família da fonte
ATTO - listas.png Inserir ou remover lista com marcadores / lista numerada
ATTO - links.png Inserir link / remover link
ATTO - anexos.png Inserir imagem / inserir vídeo / gerenciar arquivos incorporados
ATTO - sublinhado.png Sublinhado / riscado / subscrito / sobrescrito
ATTO - alinhamento.png Alinhar à esquerda / centralizar / alinhar à direita
ATTO - recuo.png Diminuir recuo / Identar
ATTO - tabela.png Editor de equações / Inserir caractere / inserir ou editar tabela / limpar formatação
ATTO - desfazer.png Desfazer ação / refazer ação
ATTO - acessibilidade.png Verificador de acessibilidade / Ajuda para leitura de tela
ATTO - html.png Editar código fonte HTML

TinyMce

Editor de textos - TinyMCE.png

A saber:

TinyMCE - paragrafo.png Formatação pré-definida (paragrafo, titulo, texto simples)
TinyMCE - bold.png Formatar o texto em negrito ou itálico
TinyMCE - listas.png Inserir ou remover lista com marcadores ou numerada
TinyMCE - links.png Inserir link / remover link / impedir vinculação automática

Recurso ativo somente com texto ou imagem selecionado

TinyMCE - anexos.png Inserir imagem / inserir vídeo / gerenciar arquivos incorporados
TinyMCE - desfazer.png Desfazer ação / refazer ação
TinyMCE - sublinhado.png Sublinhado / riscado / subscrito / sobrescrito 
TinyMCE - identação.png Alinhar à esquerda / centralizar / alinhar à direita
TinyMCE - recuar.png Diminuir recuo / Identar
TinyMCE - cor da fonte.png Selecionar cor do texto / selecionar cor do fundo
TinyMCE - esquerda.png Sentido em que o texto aparece, da esquerda para direita / da direita para esquerda
TinyMCE - fonte.png Selecionar o tipo de fonte / tamanho da fonte
TinyMCE - html.png Editar código fonte HTML / localizar / localizar e substituir
TinyMCE - tabela.png Inserir espaço sem quebra / inserir caractere especial / inserir tabela
TinyMCE - copiar.png Limpar código incorreto / limpar formatação / colar como texto / colar com a formatação do word
TinyMCE - tela cheia.png Maximizar / minimizar o editor de textos

Como trocar o editor de textos