BaLiSePoseur

par ℒℰℬÅℕℕℐ

Didacticiel vidéo de l'utilisation et de l'installation

Installation :

version 4 pour Chrome Firefox Opera

version 3 pour IE 9 et les autres

version 3 pour Internet Explorer avant version 9

BoutonTag Version avec boutons

Utilisation

Installation par le lien

version 3 IE9 et autres

BoutonTag version avec boutons  pour IE9 et autres

ClipClap l’ancien ClichéClip

Expérimental

Dessin alphabet Braille

Standard

Avec transformation

Wordpress

balises autorisées

Caractères spéciaux

Émoticônes

appelé aussi signapplet, applisignet, marque-page scripté, favelets, bookmarklet, voici un petit programme JavaScript (inoffensif) à placer en tant que signet ou marque-page ou lien favori (Ctrl+D dans le navigateur), de préférence dans une de ces barres facile d’accès des navigateurs récents.

Barre de favoris Barre personnelle - sites favorisVolet des favoris (ctrl+maj+G)

navigateur Safari barre de signets Barre personnelle (pour signets)

Sa fonction principale est d’ajouter le code des balises autorisées autour d’une sélection de mots, dans la première zone de texte disponible.

Didacticiel vidéo de l'utilisation et de l'installation

L’installation simple se fait par le glissé-déposé d’un lien contenant le code, sur la barre personnelle ou barre de favoris de son navigateur ou en modifiant l’adresse d’un favori en copiant le code javascript plus bas dans ce document.

Firefox :

  1. Sélectionner le contenu de la zone d’adresse. Double-clic sur le texte, ou alors simple clic puis Ctrl+A ou sélectionner l’ensemble à la souris ou bouton droit sur la zone de texte de l’adresse et cliquez avec le bouton gauche sur l’option sélectionner tout du menu contextuel
  2. Ensuite copier le code préalablement collé dans le presse-papier avec Ctrl+C ou bouton droit sur la zone de texte de l’adresse et cliquez avec le bouton gauche sur l’option coller du menu contextuel

  1. Installation :

Il faut modifier un favori/signet/marque-page de son navigateur pour faire ce “raccourci_programme”, (ex : bouton droit sur un favori/signet quelconque puis “propriétés” ou “modifier”),

en remplaçant l’adresse internet (URL) qu’il représente par le code javascript suivant (toute la zone de “javascript:” jusqu’à “})()” inclus) :

version 4 pour Chrome Firefox Opera

(fonction p, e, j incompatible avec  internet explorer 9 ou safari )

javascript:(function(){v=w="";bb={p:{Œ:'ɶ',Æ:'ᴁ',A:'ᴀ',B:'ʙ',C:'ᴄ',D:'ᴅ',E:'ᴇ',F:'ᴦ',G:'ɢ',H:'ʜ',I:'ɪ',J:'ᴊ',K:'ᴋ',L:'ʟ',M:'ᴍ',N:'ɴ',O:'ᴏ',P:'ᴘ',Q:'q',R:'ʀ',S:'s',T:'ᴛ',U:'ᴜ',V:'ᴠ',W:'ᴡ',X:'x',Y:'ʏ',Z:'ᴢ'},e:{æ:'ᴭ',Æ:'ᴭ',A:'ᴬ',B:'ᴮ',C:'ᶜ',D:'ᴰ',E:'ᴱ',F:'ᶠ',G:'ᴳ',H:'ᴴ',I:'ᴵ',J:'ᴶ',K:'ᴷ',L:'ᴸ',M:'ᴹ',N:'ᴺ',O:'ᴼ',P:'ᴾ',Q:'ᵠ',R:'ᴿ',S:'ˢ',T:'ᵀ',U:'ᵁ',V:'ᵛ',W:'ᵂ',X:'ˣ',Y:'ʸ',Z:'ᶻ',a:'ᵃ',b:'ᵇ',c:'ᶜ',d:'ᵈ',e:'ᵉ',f:'ᶠ',g:'ᵍ',h:'ʰ',i:'ᶦ',j:'ʲ',k:'ᵏ',l:'ˡ',m:'ᵐ',n:'ⁿ',o:'ᵒ',p:'ᵖ',q:'ᵠ',r:'ʳ',s:'ˢ',t:'ᵗ',u:'ᵘ',v:'ᵛ',w:'ʷ',x:'ˣ',y:'ʸ',z:'ᶻ',0:'⁰',1:'¹',2:'²',3:'³',4:'⁴',5:'⁵',6:'⁶',7:'⁷',8:'⁸',9:'⁹',"\+":'⁺',"\-":'⁻',"=":'⁼',"\(":'⁽',"\)":'⁾'},j:{a:'ₐ',e:'ₑ',i:'ᵢ',o:'ₒ',r:'ᵣ',u:'ᵤ',v:'ᵥ',x:'ₓ',0:'₀',1:'₁',2:'₂',3:'₃',4:'₄',5:'₅',6:'₆',7:'₇',8:'₈',9:'₉',"\+":'₊',"\-":'₋',"=":'₌',"\(":'₍',"\)":'₎'}};b={a:'a',b:'b',i:'i',s:'strike',o:'code',q:'blockquote',c:'cite',r:'abbr',d:'http://www.cnrtl.fr/definition/',w:'http://littre.reverso.net/dictionnaire-francais/definition/',"&":'&amp;',oe:'œ',ae:'æ',OE:'Œ',AE:'Æ','"':'&#34;',"\'":'&#39;','<':'&lt;','>':'&gt;'};function h(k){return b[k]}function hh(k){return bb[f[i]][k]}function r(a){for(i in f){if(f[i]=='z')a=a.replace(/<[^>]*>/g,'');if(f[i]=='t')a=a.replace(/(&|oe|ae|OE|AE|"|'|<|>)/g,h);if(f[i]=='m')a=a.toUpperCase();if(f[i]=='n')a=a.toLowerCase();if(f[i]=='p')a=a.replace(/([A-Z]|Œ|Æ)/g,hh);if(f[i]=='e')a=a.replace(/(\-|=|\)|\(|\+|\d|[a-zA-Z]|æ|Æ)/g,hh);if(f[i]=='j')a=a.replace(/(\-|=|\)|\(|\+|\d|[aeioruvx])/g,hh);if(f[i]=='_'){a=a.replace(/([^gjpqy])/g,"$1"+String.fromCharCode(809,818));a=a.replace(/([gjpqy])/g,"$1"+String.fromCharCode(818))}}return a}function q(a){return a.replace(/[«»“”"]/g,'&#34;')}function y(k){window.open(b[k]+c)}function z(k){p='';if(k=='a')p=' href="'+(l[2]?l[2]:'')+'" title="'+q(l[3]?l[3]:'')+'"';if(k=='r')p=' title="'+q(l[2]?l[2]+' '+l[3]:'')+'"';v+='<'+b[k]+p+'>';w='</'+b[k]+'>'+w}t=document.getElementsByTagName("textarea")[0];l=/(^\S+)\s*(\S*)\s*([\S\s]*)/.exec(prompt("lien[a URL Txt] gras[b] [i]tal barré[s] c[o]de bloc[q] [c]ite ab[r Txt]év CNRTL[d] Littré[w] [m]aj mi[n] RAZtag[z] [_]souligné transpose[t] [p]etiteCap [e]xposant [j]ndice"));x=l[1].toLowerCase();x.replace(/[abisoqcr]/g,z);f=x.match(/[mntzpej_]/g);sd=t.selectionStart;sf=t.selectionEnd;if(sd!=sf){c=t.value;t.value=c.slice(0,sd)+v+r(c.slice(sd,sf))+w+c.slice(sf)}x.replace(/[dw]/g,y);u=document.getElementsByClassName("comment-notes")[0];u.style.backgroundColor="#ffd0c1";u.style.border="7px outset #eed0c1";u.innerHTML=t.value.replace(/\n/g,'<br>')})()

version 4 pour Chrome Firefox Opera


Mise à jour :

- nouvelles commandes

[_] souligner ajoute à chaque lettre de la sélection un signe diacritique trait simple souscrit (code 332 hexa)

[p] petites capitales les lettres capitales de la sélection sont converties en petites capitales (il manque les lettres F, Q et S)

ɶᴁ ᴀʙᴄᴅᴇᴦɢʜɪᴊᴋʟᴍɴᴏᴘqʀsᴛᴜᴠᴡxʏᴢ  

[e] exposants les caractères de la sélection sont placées en exposant(les lettres Œ, C, Q, q, S, V, X, Y, Z, et S sont inexistantes)

ᴭ ᴬᴮᶜᴰᴱᶠᴳᴴᴵᴶᴷᴸᴹᴺᴼᴾᵠᴿˢᵀᵁᵛᵂˣʸᶻ   ᵃᵇᶜᵈᵉᶠᵍʰᶦʲᵏˡᵐⁿᵒᵖᵠʳˢᵗᵘᵛʷˣʸᶻ  ⁰¹²³⁴⁵⁶⁷⁸⁹⁺⁻⁼⁽⁾  ⁱ

[j] indices les caractères de la sélection sont placées en indice

ₐₑᵢₒᵣᵤᵥₓ ₀₁₂₃₄₅₆₇₈₉₊₋₌₍₎

http://en.wikipedia.org/wiki/Unicode_font

http://ttfonts.net/font/7059_ArialUnicodeMS.htm


version 3 pour IE 9 et les autres

javascript:(function(){v=w="";b={a:'a',b:'b',i:'i',s:'strike',o:'code',q:'blockquote',c:'cite',r:'abbr',d:'http://www.cnrtl.fr/definition/',w:'http://littre.reverso.net/dictionnaire-francais/definition/',"&":'&amp;',oe:'œ',ae:'æ',OE:'Œ',AE:'Æ',"\"":'&#34;',"\'":'&#39;','<':'&lt;','>':'&gt;'};function h(k){return b[k]}function r(a){for(i in f){if(f[i]=='z')a=a.replace(/<[^>]*>/g,'');if(f[i]=='t')a=a.replace(/(&|oe|ae|OE|AE|"|'|<|>)/g,h);if(f[i]=='m')a=a.toUpperCase();if(f[i]=='n')a=a.toLowerCase()}return a}function q(a){return a.replace(/[«»“”"]/g,'&#34;')}function y(k){window.open(b[k]+c)}function z(k){p='';if(k=='a')p=' href="'+(l[2]?l[2]:'')+'" title="'+q(l[3]?l[3]:'')+'"';if(k=='r')p=' title="'+q(l[2]?l[2]+' '+l[3]:'')+'"';v+='<'+b[k]+p+'>';w='</'+b[k]+'>'+w}t=document.getElementsByTagName("textarea")[0];l=/(^\S+)\s*(\S*)\s*([\S\s]*)/.exec(prompt("lien[a URL Txt] gras[b] [i]tal barré[s] c[o]de bloc[q] [c]ite ab[r Txt]év CNRTL[d] Littré[w] [m]aj mi[n] RAZtag[z] transpose[t]"));x=l[1].toLowerCase();x.replace(/[abisoqcr]/g,z);f=x.match(/[mntz]/g);sd=t.selectionStart;sf=t.selectionEnd;if(sd!=sf){c=t.value;t.value=c.slice(0,sd)+v+r(c.slice(sd,sf))+w+c.slice(sf)}x.replace(/[dw]/g,y);document.getElementById("wrapper").style.backgroundImage="url(http://correcteurs.blog.lemonde.fr/files/2009/11/lsp.1259353470.miniature.JPG)";u=document.getElementsByClassName("comment-notes")[0];u.style.backgroundColor="#ffd0c1";u.style.border="7px ridge #ffd0cc";u.innerHTML=t.value.replace(/\n/g,'<br>')})()

****************************Optimisation**version 3*pour IE9 et les autres********************

version 3 pour Internet Explorer avant version 9

javascript:(function(){v=w="";b={a:'a',b:'b',i:'i',s:'strike',o:'code',q:'blockquote',c:'cite',r:'abbr',d:'http://www.cnrtl.fr/definition/',w:'http://littre.reverso.net/dictionnaire-francais/definition/',"&":'&amp;',oe:'œ',ae:'æ',OE:'Œ',AE:'Æ',"\"":'&#34;',"\'":'&#39;','<':'&lt;','>':'&gt;'};function h(k){return b[k]}function r(a){for(i in f){if(f[i]=='z')a=a.replace(/<[^>]*>/g,'');if(f[i]=='t')a=a.replace(/(&|oe|ae|OE|AE|"|'|<|>)/g,h);if(f[i]=='m')a=a.toUpperCase();if(f[i]=='n')a=a.toLowerCase()}return a}function q(a){return a.replace(/[«»“”"]/g,'&#34;')}function y(k){window.open(b[k]+c)}function z(k){p='';if(k=='a')p=' href="'+(l[2]?l[2]:'')+'" title="'+q(l[3]?l[3]:'')+'"';if(k=='r')p=' title="'+q(l[2]?l[2]+' '+l[3]:'')+'"';v+='<'+b[k]+p+'>';w='</'+b[k]+'>'+w}t=document.getElementsByTagName("textarea")[0];l=/(^\S+)\s*(\S*)\s*([\S\s]*)/.exec(prompt("lien[a URL Txt] gras[b] [i]tal barré[s] c[o]de bloc[q] [c]ite ab[r Txt]év CNRTL[d] Littré[w] [m]aj mi[n] RAZtag[z] transpose[t]"));x=l[1].toLowerCase();x.replace(/[abisoqcr]/g,z);f=x.match(/[mntz]/g);o=document.selection.createRange();if(t===o.parentElement())o.text=v+r(o.text)+w;x.replace(/[dw]/g,y);u=document.getElementsByClassName("comment-notes")[0];u.style.backgroundColor="#ffd0c1";u.style.border="7px ridge #eca091";u.innerHTML=t.value.replace(/\n/g,'<br>')})()

****************************Optimisation**version 3*pour IE avant version 9************************

Mise à jour :

- code plus compact

- la prévisualisation se fait en dessous de “LAISSER UN COMMENTAIRE”. On peut obtenir cet aperçu sans passer de commande, juste en cliquant sur baLiSePoseur puis immédiatement le bouton “annuler” de la fenêtre d’invite.

- fond imagé, couleur et bordure pour l’aperçu

- une version correspond aux navigateurs internet explorer version 9 et +, firefox, opera, chrome, safari

- une version correspond aux navigateurs internet explorer d’avant la version 9

Le code en couleur orange est optionnel et peut être supprimé ou modifié.

Possibilité de changement des images en modifiant l’adresse en rouge dans le code. Ex d’adresse :

Image La bannière :  http://correcteurs.blog.lemonde.fr/files/2011/02/blog-lsp.1297675026.jpg

Image Les auteurs : http://correcteurs.blog.lemonde.fr/files/2009/11/lsp.1259353470.miniature.JPG

Pour faire ceci, on peut copier le texte dans le bloc-note ou un éditeur de texte quelconque, le modifier avant de copier le code dans le raccourci/favori/signet.


BoutonTag Version avec boutons

Code à copier à la place de l’adresse (URL)  d’un raccourci (signet, marque-page, favori) en guise d’installation (une unique fois) :

*****************************

javascript:(function(){b=[];a="button";d="mouseup";v=document.getElementById("reply-title");u=document.getElementsByClassName("comment-notes");t=document.getElementsByTagName("textarea");v.innerHTML='';for(i=0;i<5;i++)b[i]=document.createElement(a);b[0].innerHTML="Italique";b[0].addEventListener(d,function(){sd=t[0].selectionStart;sf=t[0].selectionEnd;if(sd!=sf){c=t[0].value;sel=c.slice(t[0].selectionStart,t[0].selectionEnd);t[0].value=c.slice(0,sd)+sel.italics()+c.slice(sf)}},false);b[1].innerHTML="Gras";b[1].addEventListener(d,function(){sd=t[0].selectionStart;sf=t[0].selectionEnd;if(sd!=sf){c=t[0].value;sel=c.slice(t[0].selectionStart,t[0].selectionEnd);t[0].value=c.slice(0,sd)+sel.bold()+c.slice(sf)}},false);b[2].innerHTML="lien";b[2].addEventListener(d,function(){sd=t[0].selectionStart;sf=t[0].selectionEnd;if(sd!=sf){c=t[0].value;sel=c.slice(t[0].selectionStart,t[0].selectionEnd);t[0].value=c.slice(0,sd)+sel.link(prompt("Entrez l’adresse du lien"))+c.slice(sf)}},false);b[3].innerHTML="blockquote";b[3].addEventListener(d,function(){sd=t[0].selectionStart;sf=t[0].selectionEnd;if(sd!=sf){c=t[0].value;sel=c.slice(t[0].selectionStart,t[0].selectionEnd);t[0].value=c.slice(0,sd)+'<blockquote>'+sel+'</blockquote>'+c.slice(sf)}},false);b[4].innerHTML="prévisualisation";b[4].addEventListener(d,function(){u[0].innerHTML=t[0].value.replace(/\n/g,'<br>')},false);for(i in b){v.appendChild(b[i])}})()

*****************************


  1. Cliquer une seule fois sur le raccourci BoutonTag pour faire apparaître sur la page du blog 5 boutons

  1.  Sélectionner un mot ou un texte dans la zone de commentaire

  1.  Cliquer sur Italique, Gras, lien (l’exemple) ou blockquote pour placer une balise


et voilà le résultat

Prévisualisation


****************************Optimisation**version 2*****************************

javascript:(function(){f=k=v=w="";m=[['&','\"','\'','oe','ae','OE','AE','ff','fi','fl','ffi','ffl','St','st','<','>'],['&amp;','&quot;','&#39;','œ','æ','Œ','Æ','ff','fi','fl','ffi','ffl','ſt','st','&lt;','&gt;']];function r(b){for(var i=0;i<f.length;i++){switch(f.substr(i,1).toLowerCase()){case 'z':b=b.replace(/<[^>]*>/g,'');break;case 't':for(var j in m[0]){var re=new RegExp(m[0][j],"g");b=b.replace(re,m[1][j])}break;case 'm':b=b.toUpperCase();break;case 'n':b=b.toLowerCase();break;}};return b;}function q(a){return a.replace(/[«»“”]/g,'&quot;')}var t=document.getElementsByTagName("textarea")[0];var rep;rep=prompt("lien[a URL Infobulle] gras[b] ital.[i] barré[s] code[o] bloc[q] cite[c] abrév.[r Infobulle] CNRTL[d] Littré[w] majuscule[m] minuscule[n] RAZbalise[z] transpose[t]","");l=/(^\S+)\s*(\S*)\s*([\S\s]*)/.exec(rep);lc=l[1];for(var i=0;i<lc.length;i++){switch(lc.substr(i,1).toLowerCase()){case 'a':v+='<a href="'+(l[2]?l[2]:'')+'" title="'+(q(l[3]?l[3]:''))+'">';w="</a>"+w;break;case 'b':v+="<b>";w="</b>"+w;break;case 'i':v+="<i>";w="</i>"+w;break;case 's':v+="<strike>";w="</strike>"+w;break;case 'o':v+="<code>";w="</code>"+w;break;case 'q':v+="<blockquote>";w="</blockquote>"+w;break;case 'c':v+="<cite>";w="</cite>"+w;break;case 'r':v+='<abbr title="'+(q(l[2]?l[2]+' '+l[3]:''))+'">';w="</abbr>"+w;break;case 'd':k+="http://www.cnrtl.fr/definition/ ";break;case 'w':k+="http://littre.reverso.net/dictionnaire-francais/definition/ ";break;case 'z':case 't':case 'm':case 'n':f+=lc.substr(i,1);break;}}if('selectionStart' in t){if(t.selectionStart!=t.selectionEnd){c=t.value.substring(t.selectionStart,t.selectionEnd);c=r(c);t.value=t.value.substring(0,t.selectionStart)+v+c+w+t.value.substring(t.selectionEnd);}}else{var tr=document.selection.createRange();var rp=tr.parentElement();if(rp===t){c=tr.text;c=r(c);tr.text=v+c+w;}}d=k.split(/\s+/);for(var i=0;i<(d.length-1);i++)window.open(d[i]+c);c=t.value;u=document.getElementsByClassName("comment-body");u[u.length-1].innerHTML=c.replace(/\n/g,'<br>');})()

****************************Optimisation**version 2*****************************

mise à jour

- aperçu du commentaire dans le dernier commentaire (pour des raisons de compatibilité avec tous les navigateurs). Rien n’est détruit, une actualisation permet de récupérer tous les commentaires

les nouvelles commandes s’appliquent aussi à la sélection en cours :

- commande z retirer les balises (ex : en sélectionnant  <b>gras</b> on aura → gras)

- commande t transpose &, <, >, ", ' en code HTML, &amp; &lt; &gt; &quot; &#39; empêchant wordpress d’interpréter les balises ou,les guillemets en chevrons etc... (<b>gras</b> apparaîtra tel quel et "" ne se changera pas en «»), et fait les ligatures ae en æ, oe en œ, AE en Æ, OE en Œ

- commande m convertit en majuscule (çà devient ÇÀ) c’est utile pour les majuscules accentuées.

- commande n convertit en minuscule (Ç redevient ç... On conserve les accents et autres signes diacritiques)

- lettres-commandes peuvent être en majuscule ou minuscule

- sélection de la fenêtre de commentaire par document.getElementsByTagName("textarea")[0] rendant le code réutilisable pour d’autres page ayant une zone de texte pour la saisie (indice [0] à changer si ce n’est pas la 1ère textarea dans le document)

- suppression de la fenêtre d’alerte pour les dictionnaires

- r  (abbr) a (title dans lien) transformation automatique des chevrons «» et guillemets “” apostrophe double (unicode) en &quot; (Code

HTML) du texte saisi ou copié dans la fenêtre d’invite.

- suppression de y  identique à r

- il est possible que la copie de code ne fonctionne pas avec safari à cause de sa longueur, voir l’installation par le lien plus bas (mais il reste des problèmes car safari transforme certains caractères utiles au code).

****************************Code à copier**Ancienne version :********************

javascript:(function(){var t=document.getElementsByTagName("textarea")[0];var rep;rep=prompt("lien[a AdrURL TxtInfobulle] gras[b] italique[i] barré[s] code[o] bloc citation[q] citation[c] abréviation[r TxtInfobulle] acronyme[y TxtInfobulle] CNRTL[d] Littré[w]","");dic=adr=tit=bd=bf="";l=rep.split(/\s+/);lc=l[0];for(var i=0;i<lc.length;i++){switch(lc.substr(i,1)){case 'a':adr=l[1]?l[1]:' ';l.splice(0,2);tit=l.join(" ");bd+='<a href="'+adr+'" title="'+tit+'">';bf="</a>"+bf;break;case 'b':bd+="<b>";bf="</b>"+bf;break;case 'i':bd+="<i>";bf="</i>"+bf;break;case 's':bd+="<strike>";bf="</strike>"+bf;break;case 'o':bd+="<code>";bf="</code>"+bf;break;case 'q':bd+="<blockquote>";bf="</blockquote>"+bf;break;case 'c':bd+="<cite>";bf="</cite>"+bf;break;case 'r':l.splice(0,1);tit=l.join(" ");tit=tit.replace(/[\u00AB\u00BB\u201C\u201D]/g,'&quot;');bd+='<abbr title="'+tit+'">';bf="</abbr>"+bf;break;case 'y':l.splice(0,1);tit=l.join(" ");tit=tit.replace(/[\u00AB\u00BB\u201C\u201D]/g,'&quot;');bd+='<acronym title='+'"'+tit+'">';bf="</acronym>"+bf;break;case 'd':dic+="http://www.cnrtl.fr/definition/ ";break;case 'w':dic+="http://littre.reverso.net/dictionnaire-francais/definition/ ";break;}}if('selectionStart' in t){if(t.selectionStart!=t.selectionEnd){ch=t.value.substring(t.selectionStart,t.selectionEnd);t.value=t.value.substring(0,t.selectionStart)+bd+ch+bf+t.value.substring(t.selectionEnd);}}else{var tr=document.selection.createRange();var rp=tr.parentElement();if(rp===t){ch=tr.text;tr.text=bd+ch+bf;}}if(dic!=""){d=dic.split(/\s+/);for(var i=0;i<(d.length-1);i++){window.open(d[i]+ch,"_blank");}}})()

****************************Code à copier**Ancienne version :********************

mise à jour

- sélection de la fenêtre de commentaire par document.getElementsByTagName("textarea")[0] rendant le code réutilisable pour d’autres page ayant une zone de texte pour la saisie (indice [0] à changer si ce n’est pas la 1ère textarea dans le document)

- suppression de la fenêtre d’alerte pour les dictionnaires

- r et y  (abbr et acronym) transforment automatiquement les chevrons «» et guillemets “” apostrophe double (unicode) en &quot; (Code

HTML)


  1. Utilisation  

- Sélectionnez un mot, lettre(s) ou du texte

- cliquez sur le “raccourci_programme” baLiSePoseur

- Saisissez une ou plusieurs “lettre-commande” et ses éventuels paramètres séparés par des espaces dans la petite fenêtre surgissante.

Balise

Syntaxe de la commande

Lettre [param_1 param_2]

(les paramètres sont facultatifs, séparéz par des espaces)

Détails

adresse internet : Uniform Resource Locator (URL)

infobulle : Description succincte qui apparaît sur l'écran lorsque le pointeur de la souris reste quelques secondes sur l'élément auquel elle correspond.

lien

a Adresse_internet Texte_infobulle

<a href="Adresse_internet" title="Texte_infobulle">sélection</a>

a   seul ne fait que souligner

a http://lemonde.fr   crée un lien vers lemonde.fr

a http://lemonde.fr le journal en ligne   crée un lien vers lemonde.fr et quand le lien est survolé par la souris “le journal en ligne” apparaît dans une infobulle

gras

b

b pour bold <b>sélection</b>

italique

i

i pour <i>sélection</i>

barré

s

s pour <strike>sélection</strike>

code

o

o pour  <code>sélection</code>

bloc citation

q

q pour <q>sélection</q> ou <blockquote>sélection</blockquote>

citation

c

c pour <cite>sélection</cite>

abréviation

r Texte_infobulle

r pour raccourci  <abbr title="Texte_infobulle">sélection</abbr>

Le survol par la souris du texte fait apparaître une infobulle avec le contenu du paramètre title

r seul, souligne la sélection

acronyme

y Texte_infobulle

   y pour <acronym title="Texte_infobulle">sélection</acronym>

Le survol par la souris du texte fait apparaître une infobulle avec le contenu de l’attribut title

y seul, souligne la sélection

absent de la version 2 (redondance avec r)

dictionnaire

d

d pour ouvrir une fenêtre avec l’adresse (URL) : http://www.cnrtl.fr/definition/sélection

dictionnaire

w

d pour ouvrir une fenêtre avec l’adresse (URL) : http://littre.reverso.net/dictionnaire-francais/definition/sélection

commande multiple

abid http://conjugaison.lemonde.fr/conjugaison/ Sur cette page retrouvez toute la

conjugaison

Supposons que le mot sélectionné du commentaire soit “conjugaison”

Avec cette commande vous allez créer

- un lien à la page http://conjugaison.lemonde.fr/conjugaison/

- l’infobulle indiquera “Sur cette page retrouvez toute la conjugaison”,

- le mot sélectionné dans la zone “commentaire” du blog sera en gras et en italique.

- une page internet s’ouvrira pour donner la définition CNRTL du mot sélectionné (vous pouvez copier-coller la définition du mot en remplacement du texte actuel de l’infobulle)

Vous pouvez ensuite sélectionner des caractères à l’intérieur de cette sélection pour ajouter par exemple une abréviation... Il y aura alors 2 contenus d’infobulles.

On aurait pu rajouter w pour ouvrir 2 pages de dictionnaires différents, à ce moment le navigateur internet affichera probablement une demande d’autorisation d’ouverture de cette nouvelle fenêtre

RAZ balises

z

retire toutes les balises dans la sélection

Transpose

t

Transpose ae, oe, AE, OE en sa forme avec ligature  æ, œ, Æ, Œ

&, <, >, ", ' passent en code HTML, &amp; &lt; &gt; &#34; &#39;

empêchant wordpress de les interpréter comme des balises

(<a href="Adresse_internet" title="Texte_infobulle">sélection</a> apparaîtra tel quel)

Majuscule

m

Change toutes les lettres de la sélection en majuscule

Minuscule

n

Change toutes les lettres de la sélection en minuscule

Petite capitale

p

Convertie les lettres capitales non accentués en petites capitales (Æ, Œ aussi) ɶᴁ ᴀʙᴄᴅᴇᴦɢʜɪᴊᴋʟᴍɴᴏᴘqʀsᴛᴜᴠᴡxʏᴢ

Exposant

e

ᴭ ᴬᴮᶜᴰᴱᶠᴳᴴᴵᴶᴷᴸᴹᴺᴼᴾᵠᴿˢᵀᵁᵛᵂˣʸᶻ   ᵃᵇᶜᵈᵉᶠᵍʰᶦʲᵏˡᵐᶰᵒᵖᵠʳˢᵗᵘᵛʷˣʸᶻ  ⁰¹²³⁴⁵⁶⁷⁸⁹⁺⁻⁼⁽⁾

Indice

j


Installation par le lien

w3schools éditeur exemple copier ce texte dans la fenêtre de gauche, cliquez sur le bouton submit et faites glisser le lien vers la barre des signets

version 3 IE9 et autres

*****Code pour une balise Anchor (installation par glissé-déposé sur une barre de favoris/signets/marque-pages) *******

<a href="javascript:(function(){v=w=&#34;&#34;;b={a:&#39;a&#39;,b:&#39;b&#39;,i:&#39;i&#39;,s:&#39;strike&#39;,o:&#39;code&#39;,q:&#39;blockquote&#39;,c:&#39;cite&#39;,r:&#39;abbr&#39;,d:&#39;http://www.cnrtl.fr/definition/&#39;,w:&#39;http://littre.reverso.net/dictionnaire-francais/definition/&#39;,&#34;&amp;&#34;:&#39;&amp;amp;&#39;,oe:&#39;œ&#39;,ae:&#39;æ&#39;,OE:&#39;Œ&#39;,AE:&#39;Æ&#39;,&#34;\&#34;&#34;:&#39;&amp;#34;&#39;,&#34;\&#39;&#34;:&#39;&amp;#39;&#39;,&#39;&lt;&#39;:&#39;&amp;lt;&#39;,&#39;&gt;&#39;:&#39;&amp;gt;&#39;};function h(k){return b[k]}function r(a){for(i in f){if(f[i]==&#39;z&#39;)a=a.replace(/&lt;[^&gt;]*&gt;/g,&#39;&#39;);if(f[i]==&#39;t&#39;)a=a.replace(/(&amp;|oe|ae|OE|AE|&#34;|&#39;|&lt;|&gt;)/g,h);if(f[i]==&#39;m&#39;)a=a.toUpperCase();if(f[i]==&#39;n&#39;)a=a.toLowerCase()}return a}function q(a){return a.replace(/[«»“”&#34;]/g,&#39;&amp;#34;&#39;)}function y(k){window.open(b[k]+c)}function z(k){p=&#39;&#39;;if(k==&#39;a&#39;)p=&#39; href=&#34;&#39;+(l[2]?l[2]:&#39;&#39;)+&#39;&#34; title=&#34;&#39;+q(l[3]?l[3]:&#39;&#39;)+&#39;&#34;&#39;;if(k==&#39;r&#39;)p=&#39; title=&#34;&#39;+q(l[2]?l[2]+&#39; &#39;+l[3]:&#39;&#39;)+&#39;&#34;&#39;;v+=&#39;&lt;&#39;+b[k]+p+&#39;&gt;&#39;;w=&#39;&lt;/&#39;+b[k]+&#39;&gt;&#39;+w}t=document.getElementsByTagName(&#34;textarea&#34;)[0];l=/(^\S+)\s*(\S*)\s*([\S\s]*)/.exec(prompt(&#34;lien[a URL Txt] gras[b] [i]tal barré[s] c[o]de bloc[q] [c]ite ab[r Txt]év CNRTL[d] Littré[w] [m]aj mi[n] RAZtag[z] transpose[t]&#34;));x=l[1].toLowerCase();x.replace(/[abisoqcr]/g,z);f=x.match(/[mntz]/g);sd=t.selectionStart;sf=t.selectionEnd;if(sd!=sf){c=t.value;t.value=c.slice(0,sd)+v+r(c.slice(sd,sf))+w+c.slice(sf)}x.replace(/[dw]/g,y);document.getElementById(&#34;wrapper&#34;).style.backgroundImage=&#34;url(http://correcteurs.blog.lemonde.fr/files/2009/11/lsp.1259353470.miniature.JPG)&#34;;u=document.getElementsByClassName(&#34;comment-notes&#34;)[0];u.style.backgroundColor=&#34;#ffd0c1&#34;;u.style.border=&#34;7px ridge #ffd0cc&#34;;u.innerHTML=t.value.replace(/\n/g,&#39;&lt;br&gt;&#39;)})()" title="BaLiSePoseur version 3">baLiSePoseur</a>

*****Code pour une balise Anchor (installation par glissé-déposé sur une barre de favoris/signets/marque-pages) *******


BoutonTag version avec boutons  pour IE9 et autres

*****Code pour une balise Anchor (installation par glissé-déposé sur une barre de favoris/signets/marque-pages) *******

<a href="javascript:(function(){b=[];a=&#34;button&#34;;d=&#34;mousedown&#34;;v=document.getElementById(&#34;reply-title&#34;);u=document.getElementsByClassName(&#34;comment-notes&#34;)[0];t=document.getElementsByTagName(&#34;textarea&#34;)[0];v.innerHTML=&#39;&#39;;for(i=0;i&lt;5;i++)b[i]=document.createElement(a);b[0].innerHTML=&#34;Italique&#34;;b[0].addEventListener(d,function(){sd=t.selectionStart;sf=t.selectionEnd;if(sd!=sf){c=t.value;t.value=c.slice(0,sd)+window.getSelection().toString().italics()+c.slice(sf)}},false);b[1].innerHTML=&#34;Gras&#34;;b[1].addEventListener(d,function(){sd=t.selectionStart;sf=t.selectionEnd;if(sd!=sf){c=t.value;t.value=c.slice(0,sd)+window.getSelection().toString().bold()+c.slice(sf)}},false);b[2].innerHTML=&#34;lien&#34;;b[2].addEventListener(d,function(){sd=t.selectionStart;sf=t.selectionEnd;if(sd!=sf){c=t.value;t.value=c.slice(0,sd)+window.getSelection().toString().link(prompt(&#34;Entrez l’adresse du lien&#34;))+c.slice(sf)}},false);b[3].innerHTML=&#34;blockquote&#34;;b[3].addEventListener(d,function(){sd=t.selectionStart;sf=t.selectionEnd;if(sd!=sf){c=t.value;t.value=c.slice(0,sd)+&#39;&lt;blockquote&gt;&#39;+window.getSelection().toString()+&#39;&lt;/blockquote&gt;&#39;+c.slice(sf)}},false);b[4].innerHTML=&#34;prévisualisation&#34;;b[4].addEventListener(d,function(){u.innerHTML=t.value.replace(/\n/g,&#39;&lt;br&gt;&#39;)},false);for(i in b){v.appendChild(b[i])}})()" title="baLiSePoseur version bouton">BoutonTag</a>

*****Code pour une balise Anchor (installation par glissé-déposé sur une barre de favoris/signets/marque-pages) *******

substitution nécessaire pour le lien : 

remplacer,

&         par         &amp;

"        par         &quot;

'         par         &#039;

<         par         &lt;

>         par         &gt;



ClipClap (l’ancien ClichéClip)

(Fonctionne avec Chrome, Opera, Safari, Firefox, Internet Explorer (une petite version plus bas ne traite que les images)

Exemple d’installation avec Chrome :

  1. - sélectionnez et copiez[-collez] (Ctrl+C) *****le code plus bas (tout sauf les astérisques)*****
  2. - Bouton droit sur un raccourci quelconque (vous pouvez le renommer) option du menu contextuel “modifier”
  3. - Dans la fenêtre qui s’ouvre, vous pouvez modifier le Nom, ensuite cliquez dans la zone de texte URL ou adresse internet (en principe ici se trouve l’adresse d’un raccourci du style http://www.lsp.fr) sélectionnez ou supprimez tout ce qui se trouve dedans, puis collez le contenu du presse-papier (pour les rapides Ctrl+A puis Ctrl+V réalise ces 2 opérations).

Le raccourci est prêt à l’emploi : Il suffit d’aller dans la zone des commentaires d’un blog du site lemonde.fr, puis de cliquer une unique fois sur ce raccourci pour qu’apparaissent des miniatures de la plupart des liens images et vidéos.

****************************ClichéClip code à copier********************

javascript:(function(){u=document.getElementsByClassName("comment-body");vv=document.getElementsByClassName("comment-notes");function dai(){s1=RegExp.$1;s2=RegExp.$2;s3=RegExp.$3;tmp=s2.replace(/&amp;start\=/,"\?start\=");return s1+s2+s3+"<br><embed width=240 src\=\"http://www.dailymotion.com/embed/video/"+tmp+"\" allowfullscreen></embed></br>"}function you(){s1=RegExp.$1;s2=RegExp.$2;s3=RegExp.$3;tmp=s2.replace(/#t\=(\d+)s/,"\?start\=$1");return s1+s2+s3+"</br><embed width=240 src\=\"https://youtube.googleapis.com/v/"+tmp+"\"></embed></br>"}relvy=/(<a[^f]*f=\"[^y]*youtube[^v]*v\=)([^\*\"]*)([^>]*>)/g;relvybe=/(<a[^f]*f=[^y]*youtu\.be\/)([^\*\"]*)([^>]*>)/g;relvd=/(<a[^f]*f=[^d]*dailymotion[^v]*video\/)([^\*\"]*)([^>]*>)/g;rel=/<a[^f]*f(=\"https?\:\/\/[^\/]*\/[^\.]*\.(jpg|png|jpeg|tif|gif|tiff|bmp)\")([^>]*>)/g;st=vv[0].innerHTML;st=st.replace(rel,"<a href$1$3</br><embed width=240 src$1></embed></br>");st=st.replace(relvybe,you);st=st.replace(relvd,dai);vv[0].innerHTML=st.replace(relvy,you);for(var i in u){str=u[i].innerHTML;str=str.replace(rel,"<a href$1$3</br><embed width=240 src$1></embed></br>");str=str.replace(relvybe,you);str=str.replace(relvd,dai);u[i].innerHTML=str.replace(relvy,you)}})()

****************************ClichéClip code à copier********************

Version uniquement pour les images

****************************ClichéClip code à copier********************

javascript:(function(){u=document.getElementsByClassName("comment-body");

rel=/<a href(=\"https?\:\/\/[^\/]*\/[^\.]*\.(jpg|png|jpeg|tif|gif|tiff|bmp)\")([^>]*>)/g;for(var i in u){str=u[i].innerHTML;u[i].innerHTML=str.replace(rel,"<a href$1$3><embed width=240 src$1></embed>")}})()

****************************ClichéClip code à copier********************


Expérimental

Dessin alphabet Braille

Standard

Utilisation simple :

  1. Copier (ctrl+C) tout le code ci-dessous entre les astérisques 
  2. aller sur ce site w3schools 
  3. Sélectionner tout le texte dans la zone à gauche (Source Code:) et collez le votre (ctrl+V) en remplacement
  4. Cliquez sur le bouton Submit code entre les 2 zones Source Code: et Result:  après chaque modification.
  5. Vous pourrez copier-coller le texte en point généré

remarque : les /* commentaires */ et leur contenu peuvent être supprimés ce sont des commentaires

****************************************

<!DOCTYPE html><html><body>

<canvas id="myCanvas" width="94" height="120"

style="border:5px ridge #d3d3d3;">Balise CANVAS non supporté par votre navigateur</canvas><br>

<label>Le texte à copier (sélectionnez que ce qui est utile)</label>

<textarea style="border:10px dotted #3d3d3d;" cols="60" rows=120></textarea>

<script>

function id(typ){return document.getElementsByTagName(typ)[0]}

t=id("textarea");

c=id("canvas");ctx=c.getContext("2d");

/*partie à changer : font("Taille en pixel" "Nom de la police")*/

ctx.font="24px Raspoutine Medium";

/*("Texte à afficher" position horizontale et verticale).*/

ctx.fillText("Mini",1,30);

ctx.fillText("Phasme",10,42);

/*Toutes les polices de son ordinateur sont possibles*/

ctx.font="24px Webdings";

/*utilisez charmap (table de caractères pour les sélectionner...*/

ctx.fillText("%·",45,20);

ctx.font="40px Webdings";

/*... ou obtenir son code héxadécimal (0x48,0x4A,...,...,...)*/

ctx.fillText(String.fromCharCode(0x48,0x4A),2,80);

pt={0:{0:1,1:2,2:4,3:64},1:{0:8,1:16,2:32,3:128}};

for(str="\u2800";str.length<c.width/2;str+=str[0]);

var tab=new Array();for(j=0;j<c.height/4;j++)tab[j]=str;

var imgData=ctx.getImageData(0,0,c.width,c.height);

for (i=0;i<imgData.data.length;i+=4){n=Math.floor(i/4);ligne=Math.floor(n/c.width);colonne=n%c.width;

if(imgData.data[i+3]>0){

tab[Math.floor(ligne/4)]=tab[Math.floor(ligne/4)].substr(0,Math.floor(colonne/2))+String.fromCharCode(tab[Math.floor(ligne/4)].charCodeAt(Math.floor(colonne/2))+pt[colonne%2][ligne%4])+tab[Math.floor(ligne/4)].substr(Math.floor(colonne/2)+1);}}

ctx.putImageData(imgData,0,0);t.innerHTML=tab.join("\n");

</script>

</body></html>

****************************************

Avec transformation

(code plus bas, utilisation sur le même principe que “standard”)

Pour ceux qui veulent tester des choses plus audacieuses, avant d’afficher le texte vous pouvez définir une matrice de transformation.

Soit globalement :

ctx.transform(sx,ix,iy,sy,tx,ty);

sx, sy : correspondent aux facteurs d’agrandissement ; ex : (0.5,ix,iy,2,tx,ty); réduirait la largeur de moitié et doublerait la hauteur (point décimal pour ne pas confondre avec les virgules séparatrices)

ix, iy : correspondent aux facteurs d’inclinaison (le rectangle devient parallélogramme)

tx,ty : correspondent aux translations (déplacement)

Soit par définition des transformation simple

ctx.rotate(20*Math.PI/180);          //angle en radian d’où la conversion en degrés pour simplifier

ctx.scale(1.2,2);        //facteurs d’agrandissement         

ctx.translate(10,10);        //translations en pixels

ctx.transform(1,0,0,1,0,0); vous remet dans l’axe.

à chaque application d’une transformation la matrice en cours est transformée (donc 3 rotations de 30° vont la configurer à 90°)

ctx.fillText("Balpo"",10,10);

ctx.translate(0,20);ctx.fillText("Balpo"",10,10);

ctx.translate(0,20);ctx.fillText("Balpo"",10,10);

écrira 3 fois le même texte avec un décalage de 20 points.


 ****************************************

<!DOCTYPE html>

<html><body>

<canvas id="myCanvas" width="94" height="120" style="border:5px ridge #d3d3d3;">canvas non supporté</canvas><br>

<textarea style="border:10px dotted #3d3d3d;" cols="60" rows=120></textarea>

<script>

t=document.getElementsByTagName("textarea")[0];

var c=document.getElementById("myCanvas");

var ctx=c.getContext("2d");

/*ctx.rotate(20*Math.PI/180);

ctx.scale(1.2,2);

ctx.translate(10,10);

ctx.transform(1,0.5,-0.5,1,30,10);

ctx.font="24px Webdings";

ctx.fillText("!\"",45,20);

ÓÎÏÒ*/

ctx.font="18px Wingdings";

ctx.fillText("Ó",1,20);ctx.fillText("Î",75,20);

ctx.fillText("Ï",1,85);ctx.fillText("Ò",75,85);

ctx.font="18px Arial Unicode MS";

ctx.translate(-35,5);

ctx.rotate(-45*Math.PI/180);

ctx.fillText(String.fromCharCode(0x266F,0x2603,0x22D5),-12,80);

ctx.fillText(String.fromCharCode(0x24C4,0x24DB,0x24D8),2,60);

ctx.translate(100,60);

ctx.rotate(+90*Math.PI/180);

ctx.fillText(String.fromCharCode(0x24D7,0x24DE,0x24E4,0x24D3),2,60);

ctx.fillText(String.fromCharCode(0x2602,0x2317,0x2601,0x2114),8,76);

ctx.fillText("",1,40);

ctx.font="28px Wingdings";

ctx.setTransform(1,0,0,1,0,0);

ctx.fillText("I",30,80);

pt={0:{0:1,1:2,2:4,3:64},1:{0:8,1:16,2:32,3:128}};

for(str="\u2800";str.length<c.width/2;str+=str[0]);

var tab=new Array();for(j=0;j<c.height/4;j++)tab[j]=str;

var imgData=ctx.getImageData(0,0,c.width,c.height);

 for (i=0;i<imgData.data.length;i+=4){n=Math.floor(i/4);ligne=Math.floor(n/c.width);colonne=n%c.width;

if(imgData.data[i+3]>0){

tab[Math.floor(ligne/4)]=tab[Math.floor(ligne/4)].substr(0,Math.floor(colonne/2))+String.fromCharCode(tab[Math.floor(ligne/4)].charCodeAt(Math.floor(colonne/2))+pt[colonne%2][ligne%4])+tab[Math.floor(ligne/4)].substr(Math.floor(colonne/2)+1);}

}

ctx.putImageData(imgData,0,0);t.innerHTML=tab.join("\n");

</script></body></html>

****************************************


Wordpress

balises autorisées

<a href="" title=""> </a>

<abbr title=""> </abbr>

<acronym title=""> </acronym>

<b></b> ou <strong></strong>

<blockquote cite=""> </blockquote>

<cite> </cite>

<code> </code>

<del datetime=""> </del>

<em> </em> ou <i> </i>

<q cite=""> </q>

<strike> </strike>

Références HTML pour les balises

w3schools éditeur en ligne pour faire ses essais


Caractères spéciaux

caractère

code texte

code numérique

commentaire

 

&nbsp;

&#160;

espace insécable

&shy;

&#173;

tiret de césure optionnelle

(permet au navigateur de couper le mot

au bon endroit si besoin de passer à la ligne)

&lrm;

&#8206;

marque gauche-à-droite

&rlm;

&#8207;

marque droite-à-gauche

"

&quot;

&#34;

guillemet anglais, guillemet droit (quote)

«

&laquo;

&#171;

guillemet français ouvrant

»

&raquo;

&#187;

guillemet français fermant

&lsaquo;

&#8249;

guillemet français simple ouvrant

&rsaquo;

&#8250;

guillemet français simple fermant

&ldquo;

&#8220;

guillemet double ouvrant, guillemet-apostrophe double culbuté

&rdquo;

&#8221;

guillemet double fermant, guillemet-apostrophe double

&bdquo;

&#8222;

guillemet double fermant bas, guillemet-virgule double inférieur

'

&apos;

&#39;

guillemet simple droit

&lsquo;

&#8216;

guillemet simple ouvrant, guillemet-apostrophe culbuté

&rsquo;

&#8217;

guillemet simple fermant, guillemet-apostrophe

&sbquo;

&#8218;

guillemet simple fermant bas, guillemet-virgule inférieur

&hellip;

&#8230;

points de suspension

!

!

&#33;

point d’exclamation

¡

&iexcl;

&#161;

point d’exclamation inversé

?

?

&#63;

point d’interrogation

¿

&iquest;

&#191;

point d’interrogation inversé

(

(

&#40;

parenthèse ouvrante

)

)

&#41;

parenthèse fermante

[

[

&#91;

crochet ouvrant

]

]

&#93;

crochet fermant

{

{

&#123;

accolade ouvrante

}

}

&#125;

accolade fermante

¨

&uml;

&#168;

tréma

´

&acute;

&#180;

accent aigu

`

`

&#96;

accent grave

^

^

&#94;

accent circonflexe

ˆ

&circ;

&#710;

accent circonflexe

~

~

&#126;

tilde

˜

&tilde;

&#732;

petit tilde

¸

&cedil;

&#184;

cédille

#

#

&#35;

dièse

*

*

&#42;

étoile

,

,

&#44;

virgule

.

.

&#46;

point

:

:

&#58;

deux-points

;

;

&#59;

point-virgule

·

&middot;

&#183;

point médian

&bull;

&#8226;

gros point médian

¯

&macr;

&#175;

macron

&oline;

&#8254;

tiret en chef (overline, spacing overscore)

-

-

&#45;

tiret, tiret quart-cadratin, tiret de mots composés

&ndash;

&#8211;

tiret demi-cadratin, tiret d’incise

&mdash;

&#8212;

tiret cadratin, tiret de dialogue

_

_

&#95;

tiret bas (underscore)

|

|

&#124;

séparateur vertical (pipe)

¦

&brvbar;

&#166;

barre verticale scindée

&zwnj;

&#8204;

antiliant sans chasse

&zwj;

&#8205;

liant sans chasse

&dagger;

&#8224;

obèle

&Dagger;

&#8225;

double obèle

§

&sect;

&#167;

section

&para;

&#182;

paragraphe

©

&copy;

&#169;

copyright

®

&reg;

&#174;

marque déposée

&trade;

&#8482;

marque commerciale (trade mark)

&

&amp;

&#38;

et commercial, esperluette, ampersand

@

@

&#64;

arobase (chez)

/

/

&#47;

diviser (slash)

\

\

&#92;

anti-slash

&loz;

&#9674;

losange

&spades;

&#9824;

pique noir

&clubs;

&#9827;

trèfle noir

&hearts;

&#9829;

cœur noir

&diams;

&#9830;

carreau noir

&larr;

&#8592;

flèche vers la gauche

&uarr;

&#8593;

flèche vers le haut

&rarr;

&#8594;

flèche vers la droite

&darr;

&#8595;

flèche vers le bas

&harr;

&#8596;

flèche bilatérale gauche-droite


caractère

code texte

code numérique

commentaire

¤

&curren;

&#164;

symbole monétaire

&euro;

&#128;

euro (monnaie européenne)

$

$

&#36;

dollar (monnaie américaine)

¢

&cent;

&#162;

cent (monnaie américaine)

£

&pound;

&#163;

pound (Livre sterling, monnaie anglaise)

¥

&yen;

&#165;

yen (monnaie japonaise)

ƒ

&fnof;

&#402;

florin (idem fonction)


caractère

code texte

code numérique

commentaire

á

&aacute;

&#225;

 

Á

&Aacute;

&#193;

 

â

&acirc;

&#226;

 

Â

&Acirc;

&#194;

 

à

&agrave;

&#224;

 

À

&Agrave;

&#192;

 

å

&aring;

&#229;

 

Å

&Aring;

&#197;

 

ã

&atilde;

&#227;

 

Ã

&Atilde;

&#195;

 

ä

&auml;

&#228;

 

Ä

&Auml;

&#196;

 

æ

&aelig;

&#230;

 

Æ

&AElig;

&#198;

 

ç

&ccedil;

&#231;

 

Ç

&Ccedil;

&#199;

 

é

&eacute;

&#233;

 

É

&Eacute;

&#201;

 

ê

&ecirc;

&#234;

 

Ê

&Ecirc;

&#202;

 

è

&egrave;

&#232;

 

È

&Egrave;

&#200;

 

ë

&euml;

&#235;

 

Ë

&Euml;

&#203;

 

í

&iacute;

&#237;

 

Í

&Iacute;

&#205;

 

î

&icirc;

&#238;

 

Î

&Icirc;

&#206;

 

ì

&igrave;

&#236;

 

Ì

&Igrave;

&#204;

 

ï

&iuml;

&#239;

 

Ï

&Iuml;

&#207;

 

ñ

&ntilde;

&#241;

 

Ñ

&Ntilde;

&#209;

 

ó

&oacute;

&#243;

 

Ó

&Oacute;

&#211;

 

ô

&ocirc;

&#244;

 

Ô

&Ocirc;

&#212;

 

ò

&ograve;

&#242;

 

Ò

&Ograve;

&#210;

 

ø

&oslash;

&#248;

 

Ø

&Oslash;

&#216;

 

õ

&otilde;

&#245;

 

Õ

&Otilde;

&#213;

 

ö

&ouml;

&#246;

 

Ö

&Ouml;

&#214;

 

œ

&oelig;

&#339;

ligature minuscule latine oe

Œ

&OElig;

&#338;

ligature majuscule latine OE

š

&scaron;

&#353;

lettre minuscule latine s avec caron

Š

&Scaron;

&#352;

lettre majuscule latine S avec caron

ß

&szlig;

&#223;

lettre minuscule allemande s dur

ð

&eth;

&#240;

lettre minuscule islandaise ed

Ð

&ETH;

&#208;

lettre majuscule islandaise ED

þ

&thorn;

&#254;

lettre minuscule islandaise thorn

Þ

&THORN;

&#222;

lettre majuscule islandaise Thorn

ú

&uacute;

&#250;

 

Ú

&Uacute;

&#218;

 

û

&ucirc;

&#251;

 

Û

&Ucirc;

&#219;

 

ù

&ugrave;

&#249;

 

Ù

&Ugrave;

&#217;

 

ü

&uuml;

&#252;

 

Ü

&Uuml;

&#220;

 

ý

&yacute;

&#253;

 

Ý

&Yacute;

&#221;

 

ÿ

&yuml;

&#255;

 

Ÿ

&Yuml;

&#376;

 


caractère

code texte

code numérique

commentaire

α

&alpha;

&#945;

alpha

Α

&Alpha;

&#913;

Alpha

β

&beta;

&#946;

beta

Β

&Beta;

&#914;

Beta

γ

&gamma;

&#947;

gamma

Γ

&Gamma;

&#915;

Gamma

δ

&delta;

&#948;

delta

Δ

&Delta;

&#916;

Delta

ε

&epsilon;

&#949;

epsilon

Ε

&Epsilon;

&#917;

Epsilon

ζ

&zeta;

&#950;

zeta

Ζ

&Zeta;

&#918;

Zeta

η

&eta;

&#951;

eta

Η

&Eta;

&#919;

Eta

θ

&theta;

&#952;

theta

Θ

&Theta;

&#920;

Theta

ι

&iota;

&#953;

iota

Ι

&Iota;

&#921;

Iota

κ

&kappa;

&#954;

kappa

Κ

&Kappa;

&#922;

Kappa

λ

&lambda;

&#955;

lambda

Λ

&Lambda;

&#923;

Lambda

μ

&mu;

&#956;

mu

Μ

&Mu;

&#924;

Mu

ν

&nu;

&#957;

nu

Ν

&Nu;

&#925;

Nu

ξ

&xi;

&#958;

xi

Ξ

&Xi;

&#926;

Xi

ο

&omicron;

&#959;

omicron

Ο

&Omicron;

&#927;

Omicron

π

&pi;

&#960;

pi

Π

&Pi;

&#928;

Pi

ρ

&rho;

&#961;

rho

Ρ

&Rho;

&#929;

Rho

σ

&sigma;

&#963;

sigma

ς

&sigmaf;

&#962;

sigma final

Σ

&Sigma;

&#931;

Sigma

τ

&tau;

&#964;

tau

Τ

&Tau;

&#932;

Tau

υ

&upsilon;

&#965;

upsilon

Υ

&Upsilon;

&#933;

Upsilon

φ

&phi;

&#966;

phi

Φ

&Phi;

&#934;

Phi

χ

&chi;

&#967;

chi

Χ

&Chi;

&#935;

Chi

ψ

&psi;

&#968;

psi

Ψ

&Psi;

&#936;

Psi

ω

&omega;

&#969;

omega

Ω

&Omega;

&#937;

Omega


caractère

code texte

code numérique

commentaire

°

&deg;

&#176;

degré

µ

&micro;

&#181;

mu (lettre grecque)

<

&lt;

&#60;

inférieur (less-than)

>

&gt;

&#62;

supérieur (greater-than)

&le;

&#8804;

inférieur ou égal (less or equal)

&ge;

&#8805;

supérieur ou égal (greater or equal)

=

=

&#61;

égal

&asymp;

&#8776;

presque égal (asymptotic)

&ne;

&#8800;

différent (not equal)

&equiv;

&#8801;

équivalent

±

&plusmn;

&#177;

plus-ou-moins

&minus;

&#8722;

moins

+

+

&#43;

plus

×

&times;

&#215;

multiplication

÷

&divide;

&#247;

division

&frasl;

&#8260;

fraction

%

%

&#37;

pour cent

&permil;

&#8240;

pour mille

¼

&frac14;

&#188;

un quart

½

&frac12;

&#188;

un demi

¾

&frac34;

&#188;

trois quarts

¹

&sup1;

&#185;

exposant 1

²

&sup2;

&#178;

exposant 2

³

&sup3;

&#179;

exposant 3

º

&ordm;

&#186;

indicateur ordinal masculin

ª

&ordf;

&#170;

indicateur ordinal féminin

ƒ

&fnof;

&#402;

fonction (idem florin)

&prime;

&#8242;

prime, minutes, dérivée

&Prime;

&#8243;

double prime, secondes, dérivée seconde

&part;

&#8706;

dérivée partielle

&prod;

&#8719;

produit n-aire

&sum;

&#8721;

somme n-aire

&radic;

&#8730;

racine carrée

&infin;

&#8734;

infini

¬

&not;

&#172;

crochet de négation

&cap;

&#8745;

intersection

&int;

&#8747;

intégrale


caractère

code texte

code numérique

commentaire

&rArr;

&#8658;

rightwards double arrow

&hArr;

&#8660;

left right double arrow

&forall;

&#8704;

for all

&exist;

&#8707;

there exists

&nabla;

&#8711;

nabla = backward difference

&isin;

&#8712;

element of

&ni;

&#8715;

contains as member

&prop;

&#8733;

proportional to

&ang;

&#8736;

angle

&and;

&#8743;

logical and = wedge

&or;

&#8744;

logical or = vee

&cup;

&#8746;

union = cup

&there4;

&#8756;

therefore

&sim;

&#8764;

tilde operator = varies with = similar to

&sub;

&#8834;

subset of

&sup;

&#8835;

superset of

&sube;

&#8838;

subset of or equal to

&supe;

&#8839;

superset of or equal to

&perp;

&#8869;

up tack = orthogonal to = perpendicular


caractère

code texte

code numérique

commentaire

&oplus;

&#8853;

circled plus = direct sum

 

&thinsp;

&#8201;

espace fine

 

&ensp;

&#8194;

espace demi-cadratin

 

&emsp;

&#8195;

espace cadratin

&weierp;

&#8472;

script capital P = power set = Weierstrass p

&image;

&#8465;

partie imaginaire (majuscule I gothique)

&real;

&#8476;

partie réelle (majuscule R gothique)

&crarr;

&#8629;

downwards arrow with corner leftwards = carriage return

&lArr;

&#8656;

leftwards double arrow

&uArr;

&#8657;

upwards double arrow

&dArr;

&#8659;

downwards double arrow

&empty;

&#8709;

empty set = null set = diameter

&notin;

&#8713;

not an element of

&lowast;

&#8727;

asterisk operator

&cong;

&#8773;

approximately equal to

&nsub;

&#8836;

not a subset of

&otimes;

&#8855;

circled times = produit vectoriel

&sdot;

&#8901;

dot operator

&lceil;

&#8968;

left ceiling = apl upstile

&rceil;

&#8969;

right ceiling

&lfloor;

&#8970;

left floor = apl downstile

&rfloor;

&#8971;

right floor

&lang;

&#9001;

chevron vers la gauche (left-pointing angle bracket) = bra

&rang;

&#9002;

chevron vers la droite (right-pointing angle bracket) = ket

&alefsym;

&#8501;

alef symbol = first transfinite cardinal

ϑ

&thetasym;

&#977;

symbole theta

ϖ

&piv;

&#982;

symbole pi

ϒ

&upsih;

&#978;

symbole Upsilon crochet

Émoticônes

P.Delvaux

http://www.youtube.com/watch?v=mQikpXmUEdo

http://www.youtube.com/watch?v=daIKynyrdc4

✿´¯`*•.¸¸✿♥✿¸¸.•*´¯`✿

❀(◉‿◉)❀

♫❀*"˜¨¨˜"*♥.¸☆❊ӇƛƤƤƳ ƝЄƜ ƳЄƛƦ❊☆¸.♥*"˜¨¨˜"*❀♫

╔══════════ ஜ۩♥۩ஜ ═════════╗

·★·.♥ ·.нαρρу VALENTINE'S ∂αу.·★·.♥ ·

╚══════════ ஜ۩♥۩ஜ ═════════╝

<!DOCTYPE html>

<html><body>

<canvas id="myCanvas" width="32" height="160" style="border:5px ridge #d3d3d3;">canvas non supporté</canvas><br>

<textarea style="border:10px dotted #3d3d3d;" cols="60" rows=120></textarea>

<script>

t=document.getElementsByTagName("textarea")[0];

var c=document.getElementById("myCanvas");

var ctx=c.getContext("2d");

//ctx.font="20px Calvin";

ctx.font="30px AR DELANAY";

ctx.font="20px Charlemagne Std";

ctx.font="30px Vivian";

ctx.rotate(-90*Math.PI/180);

ctx.translate(-c.height,8);

ctx.fillText("LeMonde",2,19);

var tab="";

var imgData=ctx.getImageData(0,0,c.width,c.height);

 for (i=0;i<imgData.data.length;i+=4){

if(i%(4*c.width)==0){tab='&amp;&#35;8239&#59;'+tab;}

if(imgData.data[i+3]>0)

{tab='&amp;&#35;x310&#59;'+tab}

else

{tab='&amp;&#35;x30e&#59;'+tab}

}

ctx.putImageData(imgData,0,0);

t.innerHTML='&amp;emsp&#59;'+"\n"+'&amp;emsp&#59;'+"\n"+'&amp;emsp&#59;'+"\n"+'&amp;emsp&#59;'+"\n"+'&amp;&#35;8239&#59;'+tab;

</script></body></html>