Edição de texto responsiva

A WebAcappella integra em vários de seus componentes um editor de texto responsivo (ou adaptável)

O interesse deste editor é separar o fundo (conteúdo textual) da forma (estilo, fonte, etc…)

Isto tem a enorme vantagem sobre a edição clássica de facilitar a gestão de estilos compartilhados dentro de seu site e sua gestão multilíngüe.

As próximas evoluções da WebAcappella permitirão o uso de serviços de tradução de terceiros, assim será possível, por exemplo, traduzir um site completo sem retocar o estilo do texto.

Composição do bloco

Uma caixa de texto é composta de um ou mais blocos de texto sobrepostos, cada um com um estilo diferente.

../../../_images/sample_text.png

2 blocos de texto com 2 estilos distintos dentro de um componente de texto

É possível adicionar ou remover blocos de texto usando os botões do lado esquerdo.

../../../_images/bloc_management.png

Gerenciamento das propriedades do texto

  • O painel superior define as propriedades de todo o texto

    ../../../_images/style_global.png

  • O painel inferior esquerdo permite a personalização das propriedades de uma parte ou seleção de texto

    ../../../_images/style_selection.png

  • Muitas propriedades são personalizáveis, como a altura da linha e o uso de fontes web

    ../../../_images/font_manager.png

    As fontes da web (Google Font) permitirão que você utilize belas fontes visíveis para todos.

Estilos compartilhados

  • O botão da direita permite editar estilos que você pode compartilhar com outras caixas de texto.

    ../../../_images/styles_popup.png

Quando você usa um estilo compartilhado, as mudanças feitas no estilo se aplicarão a todas as caixas de texto que usam esse estilo.

Se você quiser que seu texto tenha um estilo independente, você pode clicar em “Desprender”

Nota

O tamanho do texto e a margem são “responsivos”, ou seja, eles podem ser definidos de forma diferente dependendo da tela para melhor se adequar ao seu layout.