commit 080cea63298231a84c8e697ba0a2dcfd3456c92d parent 20201229d2dab48718d39214bcf3de0b12d30ec6 Author: Georges Dupéron <jahvascriptmaniac+github@free.fr> Date: Fri, 27 Aug 2010 18:33:51 +0200 Un peu plus de données de test, un peu de css. Diffstat:
| M | editeur.css | | | 24 | ++++++++++++++++++++++++ |
| M | editeur.js | | | 3 | ++- |
2 files changed, 26 insertions(+), 1 deletion(-)
diff --git a/editeur.css b/editeur.css @@ -8,3 +8,27 @@ .curseur.affiché { background-color:black; } + +.elem-paragraphe { + border: thick solid #ddd; + display: block; +} + +.elem-paragraphe:before { + content: "Paragraphe"; + font-size: smaller; + background-color: #ddd; + display:block; +} + +.elem-important { + background-color: mistyrose; +} + +.elem-important:before { + content: "Important"; + padding: 0 0.3em; + font-size: smaller; + background-color: pink; + display: inline; +} diff --git a/editeur.js b/editeur.js @@ -1,6 +1,7 @@ $(function() { + var lorem = "Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet."; var éditeurs = $(".editeur-semantique"); - éditeurs.append('<span class="text">hello </span><span class="curseur"></span><span class="text">world</span>'); + éditeurs.append('<span class="elem-paragraphe"><span class="elem-important"><span class="texte">hello </span><span class="curseur"></span><span class="texte">world' + lorem + '</span></span><span class="texte">, bonjour monde !</span></span>'); curseurClignotant(); raccourcisClavier(); curseurGauche();