Édition de texte “responsive”

WebAcappella intègre dans plusieurs de ses composants un éditeur de texte responsif (ou adaptatif)

L’intérêt de cet éditeur est de séparer le fond (contenu textuel) de la forme (style, police, etc..)

Ceci a l’énorme avantage par rapport à l’édition classique de faciliter la gestion de styles partagés au sein de votre site et sa gestion multilingue.

Les prochaines évolutions de WebAcappella permettront d’utiliser des services tiers de traduction , il sera donc possible par exemple de traduire un site complet sans retoucher le style du texte.

Composition par bloc

Une zone de texte est composée d’un ou plusieurs blocs de texte superposés ayant chacun un style différent.

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

2 blocs de texte avec 2 styles distincts au sein d’un composant texte

Il est possible d’ajouter ou de supprimer des blocs de texte grâce aux boutons latéraux gauches.

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

Gestion des propriétés du texte

  • Le panneau haut définit les propriétés de l’ensemble du texte

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

  • Le panneau bas gauche vous permet de personnaliser les propriétés d’une portion ou sélection de texte

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

  • De nombreuses propriétés sont personnalisables tel que la hauteur de ligne et l’utilisation des fontes Web

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

    Les polices Web (Google Font) vous permettront d’utiliser de belles polices visibles par tous.

Les styles partagés

  • Le bouton à droite permet d’éditer les styles que vous pouvez partager avec d’autres zones de texte.

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

Lorsque vous utilisez un style partagé, les modifications apportées au style s’appliqueront à toutes les zones de texte utilisant ce style.

Si vous souhaitez que votre texte ait un style indépendant, vous pouvez cliquer sur « Détacher »

Note

La taille et la marge du texte sont « responsive », c’est-à-dire qu’elles peuvent être réglées différemment selon l’écran pour s’adapter au mieux à votre mise en page.