Editor de Texto Avançado

Exemplo de editor de texto avançado Google Docs, um processador de texto web.

Problema

Os utilizadores precisam de introduzir conteúdos com formatação visual no sistema.

Quando usar

  • Quando o utilizador tiver o conhecimento necessário para fazer uma correcta formatação visual dos conteúdos.
  • Se o utilizador não se sente à vontade a utilizar código para formatar os conteúdos.
  • Se for importante perceber imediatamente como os conteúdos vão aparecer no seu estado final.
  • Se o utilizador precisar de inserir conteúdos multimédia, para além de texto.

Solução

O sistema deve disponibilizar um conjunto de ferramentas que permitam ao utilizador formatar e alterar o aspecto dos conteúdos (cor, forma, posição, alinhamento, etc.). Os conteúdos em modo de edição devem  representar fielmente o seu aspecto final (“what you see is what you get”). Para a web existem várias soluções Javascript que substituem elementos html do tipo textarea por um editor rich-text. (http://en.wikipedia.org/wiki/Online_rich-text_editor)