Les secrets du web 2.0 et cloud (1)

Je vais commencer par présenter quelque chose de simple.

Les zones de texte enrichies

Au tout début, il y avait le web, le html simple , des choses pas belles, pour saisir du texte. J’ai nommé le TextArea.

Un textarea

Dans le web 2.0, les zones textarea ont été remplacés par des zones de saisie enrichies.

Image

Ci dessus , l’interface minimaliste de saisie d’un article sur le blog. La zone de saisie propose des boutons , des aides à la saisie, de la correction orthographique et ainsi de suite. Elle ne corrige pas toutes les fautes, mais c’est mieux que rien.

Un autre exemple :

editeurVistaPr

La création d’une zone enrichie

Les zones de saisie enrichies sont très simples à créer. Il suffit de regarder

Il en existe beaucoup d’autre type de zone enrichie.

Le texte saisie dans une zone enrichie est transformé lors de la consultation en texte, avec des polices, des titres, des sous titres, des images, de la vidéo, etc .

Les données sont stockées dans un langage lisible et compréhensible par l’utilisateur. Il existe de nombreuses syntaxes possibles. Les plus connus sont Markdown, Textile, et Html .

Les divers formats

Le texte est facile à stocké en base de donnée.

Comment cela fonctionne ?

Ci dessous un exemple de saisie de texte et l’affichage en consultation en dessous.

Exemple

C’est un jeu d’enfant.

@ bientôt

A propos Duarte TERENCIO

Chef de projet et Architecte J2EE - Portail d'entreprise - Cloud computing Vous trouverez plus d'information sur la page "Me contacter"
Cet article, publié dans Programmation, est tagué , , , . Ajoutez ce permalien à vos favoris.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s