diff options
author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-15 19:39:35 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-11-15 19:39:35 +0100 |
commit | 6f6e297fbfa7867b1f42c4245df20f4282b3b083 (patch) | |
tree | e602e617243ed4427e45c30554939818bfba8d6e /files/fr/glossary/base64 | |
parent | 34d315396ca29d7ef51ecc27eeeeeb275e9b0ba9 (diff) | |
download | translated-content-6f6e297fbfa7867b1f42c4245df20f4282b3b083.tar.gz translated-content-6f6e297fbfa7867b1f42c4245df20f4282b3b083.tar.bz2 translated-content-6f6e297fbfa7867b1f42c4245df20f4282b3b083.zip |
Prepare Glossary section for Markdown conversion (#2971)
* Remove seoSummary and summary classes
* Fix hidden blocks / code samples
* Remove span cruft
* Remove <font> and <style .. font..>
* Remove notranslate
* Remove id other than in headings
* Fix pre blocks and remove style
* Fix other report one offs and remove absolute urls
* Remove external classes
* Fixing images url
Diffstat (limited to 'files/fr/glossary/base64')
-rw-r--r-- | files/fr/glossary/base64/index.html | 135 |
1 files changed, 65 insertions, 70 deletions
diff --git a/files/fr/glossary/base64/index.html b/files/fr/glossary/base64/index.html index b5393ad986..4cfaa34e5b 100644 --- a/files/fr/glossary/base64/index.html +++ b/files/fr/glossary/base64/index.html @@ -30,75 +30,66 @@ original_slug: Web/API/WindowBase64/Décoder_encoder_en_base64 <p>Les deux méthodes, <code>atob()</code> et <code>btoa()</code>, fonctionnent sur des chaînes de caractères. Si vous voulez utiliser des <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer"><code>ArrayBuffers</code></a>, lisez <a href="#Solution_.232_.E2.80.93_rewriting_atob%28%29_and_btoa%28%29_using_TypedArrays_and_UTF-8">ce paragraphe</a>.</p> -<table class="topicpage-table"> - <tbody> - <tr> - <td> - <h2 class="Documentation" id="Documentation" name="Documentation">Documentation</h2> - - <dl> - <dt><a href="/fr/docs/Web/HTTP/data_URIs" title="https://developer.mozilla.org/en-US/docs/data_URIs">URIs de données</a></dt> - <dd><small>Les URIs de données, définies par la <a class="external" href="http://tools.ietf.org/html/rfc2397" title="http://tools.ietf.org/html/rfc2397">RFC 2397</a>, permettent aux créateurs de contenus d'intégrer des fichiers en ligne dans des documents.</small></dd> - <dt><a href="https://fr.wikipedia.org/wiki/Base_64" title="https://fr.wikipedia.org/wiki/Base_64">Base64</a></dt> - <dd><small>Article Wikipédia sur l'encodage en base64.</small></dd> - <dt>{{domxref("window.atob","atob()")}}</dt> - <dd><small>Méthode permettant de décoder une chaîne de donnée qui a été encodée en base64.</small></dd> - <dt>{{domxref("window.btoa","btoa()")}}</dt> - <dd><small>Méthode permettant de créer une chaîne ASCII en base64 à partir d'une « chaîne » de données binaires.</small></dd> - <dt><a href="#The_.22Unicode_Problem.22">Le « problème Unicode »</a></dt> - <dd><small>Pour la plupart des navigateurs, l'utilisation de <code>btoa()</code> sur une chaîne de caractères Unicode entraînera une exception <code>Character Out Of Range</code>. Ce paragraphe indique quelques solutions.</small></dd> - <dt><a href="/fr/docs/URIScheme" title="/fr/docs/URIScheme">URIScheme</a></dt> - <dd><small>Une liste de schémas URI supportés par Mozilla</small>.</dd> - <dt><a href="/fr/Add-ons/Code_snippets/StringView" title="/en-US/Add-ons/Code_snippets/StringView"><code>StringView</code></a></dt> - <dd>Dans cet article, nous publions une bibliothèque dont les buts sont : - <ul> - <li>de créer une interface pour les chaînes de caractères à la façon du langage <a class="external" href="https://fr.wikipedia.org/wiki/C_%28langage%29" title="https://fr.wikipedia.org/wiki/C_%28langage%29">C</a> (i.e. un tableau de code de caractères —<a href="/fr/docs/Web/API/ArrayBufferView" title="/fr/docs/Web/API/ArrayBufferView"> <code>ArrayBufferView</code></a> en JavaScript) basée sur l'interface JavaScript <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer" title="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer"><code>ArrayBuffer</code></a>,</li> - <li>de créer un ensemble de méthodes pour ces objets qui fonctionnent <strong>sur des tableaux de nombres</strong> plutôt que sur chaînes de caractères JavaScript immuables,</li> - <li>de travailler avec d'autres encodages Unicode, y compris ceux différent d'UTF-16 qui est l'encodage par défaut de JavaScript pour les <a href="/fr/docs/Web/API/DOMString" title="/fr/docs/Web/API/DOMString"><code>DOMString</code></a>.</li> - </ul> - </dd> - </dl> - - </td> - <td> - <h2 class="Tools" id="Tools" name="Tools">Outils</h2> - - <ul> - <li><a href="#Solution_.232_.E2.80.93_rewriting_atob()_and_btoa()_using_TypedArrays_and_UTF-8">Réécrire <code>atob()</code>et <code>btoa()</code> en utilisant des <code>TypedArray</code>s et l'UTF-8</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays/StringView" title="/en-US/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés.</a></li> - </ul> - - <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Sujets connexes</h2> - - <ul> - <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/ArrayBuffer"><code>ArrayBuffer</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Tableaux_typés">Les tableaux typés</a></li> - <li><a href="/fr/docs/Web/API/ArrayBufferView">ArrayBufferView</a></li> - <li><a href="/fr/docs/Web/API/Uint8Array"><code>Uint8Array</code></a></li> - <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays/StringView" title="/en-US/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés</a></li> - <li><a href="/fr/docs/Web/API/DOMString" title="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></li> - <li><a href="/fr/docs/Glossary/URI" title="/fr/docs/Glossary/URI"><code>URI</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI" title="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI"><code>encodeURI()</code></a></li> - </ul> - </td> - </tr> - </tbody> -</table> + +<h2>Documentation</h2> + +<dl> + <dt><a href="/fr/docs/Web/HTTP/data_URIs">URIs de données</a></dt> + <dd><small>Les URIs de données, définies par la <a href="http://tools.ietf.org/html/rfc2397">RFC 2397</a>, permettent aux créateurs de contenus d'intégrer des fichiers en ligne dans des documents.</small></dd> + <dt><a href="https://fr.wikipedia.org/wiki/Base_64">Base64</a></dt> + <dd><small>Article Wikipédia sur l'encodage en base64.</small></dd> + <dt>{{domxref("window.atob","atob()")}}</dt> + <dd><small>Méthode permettant de décoder une chaîne de donnée qui a été encodée en base64.</small></dd> + <dt>{{domxref("window.btoa","btoa()")}}</dt> + <dd><small>Méthode permettant de créer une chaîne ASCII en base64 à partir d'une « chaîne » de données binaires.</small></dd> + <dt><a href="#The_.22Unicode_Problem.22">Le « problème Unicode »</a></dt> + <dd><small>Pour la plupart des navigateurs, l'utilisation de <code>btoa()</code> sur une chaîne de caractères Unicode entraînera une exception <code>Character Out Of Range</code>. Ce paragraphe indique quelques solutions.</small></dd> + <dt><a href="/fr/docs/URIScheme">URIScheme</a></dt> + <dd><small>Une liste de schémas URI supportés par Mozilla</small>.</dd> + <dt><a href="/fr/Add-ons/Code_snippets/StringView"><code>StringView</code></a></dt> + <dd>Dans cet article, nous publions une bibliothèque dont les buts sont : + <ul> + <li>de créer une interface pour les chaînes de caractères à la façon du langage <a href="https://fr.wikipedia.org/wiki/C_%28langage%29">C</a> (i.e. un tableau de code de caractères —<a href="/fr/docs/Web/API/ArrayBufferView"> <code>ArrayBufferView</code></a> en JavaScript) basée sur l'interface JavaScript <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer"><code>ArrayBuffer</code></a>,</li> + <li>de créer un ensemble de méthodes pour ces objets qui fonctionnent <strong>sur des tableaux de nombres</strong> plutôt que sur chaînes de caractères JavaScript immuables,</li> + <li>de travailler avec d'autres encodages Unicode, y compris ceux différent d'UTF-16 qui est l'encodage par défaut de JavaScript pour les <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a>.</li> + </ul> + </dd> +</dl> + +<h2>Outils</h2> + +<ul> + <li><a href="#Solution_.232_.E2.80.93_rewriting_atob()_and_btoa()_using_TypedArrays_and_UTF-8">Réécrire <code>atob()</code>et <code>btoa()</code> en utilisant des <code>TypedArray</code>s et l'UTF-8</a></li> + <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés.</a></li> +</ul> + +<h2>Sujets connexes</h2> + +<ul> + <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/ArrayBuffer"><code>ArrayBuffer</code></a></li> + <li><a href="/fr/docs/Web/JavaScript/Tableaux_typés">Les tableaux typés</a></li> + <li><a href="/fr/docs/Web/API/ArrayBufferView">ArrayBufferView</a></li> + <li><a href="/fr/docs/Web/API/Uint8Array"><code>Uint8Array</code></a></li> + <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés</a></li> + <li><a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a></li> + <li><a href="/fr/docs/Glossary/URI"><code>URI</code></a></li> + <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI"><code>encodeURI()</code></a></li> +</ul> <h2 id="Le_«_problème_Unicode_»">Le « problème Unicode »</h2> -<p>Les objets <a href="/en-US/docs/Web/API/DOMString" title="/en-US/docs/Web/API/DOMString"><code>DOMString</code></a> sont des chaînes de caractères encodées sur 16 bits. Pour la plupart des navigateurs, lorsqu'on appelle <code>window.btoa</code> sur une chaîne Unicode, cela entraîne une exception <code>Character Out Of Range</code> si la représentation du caractère dépasse les 8 bits ASCII. Deux méthodes existent pour résoudre le problème :</p> +<p>Les objets <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> sont des chaînes de caractères encodées sur 16 bits. Pour la plupart des navigateurs, lorsqu'on appelle <code>window.btoa</code> sur une chaîne Unicode, cela entraîne une exception <code>Character Out Of Range</code> si la représentation du caractère dépasse les 8 bits ASCII. Deux méthodes existent pour résoudre le problème :</p> <ul> <li>échapper la chaîne dans son intégralité puis l'encoder,</li> - <li>convertir la chaîne UTF-16 <a href="/en-US/docs/Web/API/DOMString" title="/en-US/docs/Web/API/DOMString"><code>DOMString</code></a> en un tableau UTF-8 de caractères puis l'encoder.</li> + <li>convertir la chaîne UTF-16 <a href="/fr/docs/Web/API/DOMString"><code>DOMString</code></a> en un tableau UTF-8 de caractères puis l'encoder.</li> </ul> <p>Voici ces deux méthodes :</p> <h3 id="Première_solution_–_échapper_la_chaîne_avant_de_lencoder">Première solution – échapper la chaîne avant de l'encoder</h3> -<pre class="brush:js notranslate">function utf8_to_b64( str ) { +<pre class="brush:js">function utf8_to_b64( str ) { return window.btoa(unescape(encodeURIComponent( str ))); } @@ -114,9 +105,11 @@ b64_to_utf8('4pyTIMOgIGxhIG1vZGU='); // "✓ à la mode"</pre> <h3 id="Seconde_solution_–_réécrire_atob_et_btoa_en_utilisant_des_TypedArray_avec_de_lUTF-8">Seconde solution – réécrire <code>atob()</code> et <code>btoa()</code> en utilisant des <code>TypedArray</code> avec de l'UTF-8</h3> -<div class="note"><strong>Note :</strong> Le code suivant peut également être utilisé pour obtenir un <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer">ArrayBuffer</a> depuis une chaîne en base 64 (et vice-versa, voir ci-après). <strong>Pour un article concernant une bibliothèque complète sur les tableaux typés, voir <a href="/fr/Add-ons/Code_snippets/StringView" title="/fr/Add-ons/Code_snippets/StringView">cet article</a></strong>.</div> +<div class="note"> + <p><strong>Note :</strong> Le code suivant peut également être utilisé pour obtenir un <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer">ArrayBuffer</a> depuis une chaîne en base 64 (et vice-versa, voir ci-après). <strong>Pour un article concernant une bibliothèque complète sur les tableaux typés, voir <a href="/fr/Add-ons/Code_snippets/StringView">cet article</a></strong>.</p> +</div> -<pre class="brush: js notranslate">"use strict"; +<pre class="brush: js">"use strict"; /*\ |*| @@ -292,7 +285,7 @@ function strToUTF8Arr (sDOMStr) { <h4 id="Tests">Tests</h4> -<pre class="brush: js notranslate">/* Tests */ +<pre class="brush: js">/* Tests */ var entréeChaîne = "base64 \u2014 Mozilla Developer Network"; @@ -312,30 +305,32 @@ alert(sortieChaîne);</pre> <p>Ces fonctions permettent de créer des objets <a href="/fr/docs/Web/API/Uint8Array">uint8Arrays</a> ou <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer">arrayBuffers</a> à partir de chaînes en base64 :</p> -<pre class="brush: js notranslate">var monTableau = base64DecToArr("QmFzZSA2NCDigJQgTW96aWxsYSBEZXZlbG9wZXIgTmV0d29yaw=="); // "Base 64 \u2014 Mozilla Developer Network" +<pre class="brush: js">var monTableau = base64DecToArr("QmFzZSA2NCDigJQgTW96aWxsYSBEZXZlbG9wZXIgTmV0d29yaw=="); // "Base 64 \u2014 Mozilla Developer Network" var monBuffer = base64DecToArr("QmFzZSA2NCDigJQgTW96aWxsYSBEZXZlbG9wZXIgTmV0d29yaw==").buffer; // "Base 64 \u2014 Mozilla Developer Network" alert(monBuffer.byteLength);</pre> -<div class="note"><strong>Note :</strong> La fonction <code>base64DecToArr(sBase64[, <em>nTailleBloc</em>])</code> renvoie un <a href="/en-US/docs/Web/JavaScript/Typed_arrays/Uint8Array"><code>uint8Array</code></a> d'octets. Si vous souhaitez utiliser un tampon mémoire de 16 bits, 32 bits, 64 bits pour les données brutes, utilisez l'argument <code>nTailleBloc</code>, qui représente le nombre d'octets dont la propriété <code>uint8Array.buffer.bytesLength</code> doit être un multiple (<code>1</code> ou pas de paramètre pour l'ASCII, <a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMString/Binary">les chaînes binaires</a> ou les chaînes encodées UTF-8, <code>2</code> pour les chaînes UTF-16, <code>4</code> pour les chaînes UTF-32).</div> +<div class="note"> + <p><strong>Note :</strong> La fonction <code>base64DecToArr(sBase64[, <em>nTailleBloc</em>])</code> renvoie un <a href="/fr/docs/Web/JavaScript/Typed_arrays/Uint8Array"><code>uint8Array</code></a> d'octets. Si vous souhaitez utiliser un tampon mémoire de 16 bits, 32 bits, 64 bits pour les données brutes, utilisez l'argument <code>nTailleBloc</code>, qui représente le nombre d'octets dont la propriété <code>uint8Array.buffer.bytesLength</code> doit être un multiple (<code>1</code> ou pas de paramètre pour l'ASCII, <a href="/fr/docs/Web/API/DOMString/Binary">les chaînes binaires</a> ou les chaînes encodées UTF-8, <code>2</code> pour les chaînes UTF-16, <code>4</code> pour les chaînes UTF-32).</p> +</div> -<p>Pour une bibliothèque plus complète, voir <a href="/en-US/docs/Web/JavaScript/Typed_arrays/StringView" title="/en-US/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés</a></p> +<p>Pour une bibliothèque plus complète, voir <a href="/fr/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes de caractères semblable à celle du langage C, basée sur les tableaux typés</a></p> <h2 id="Voir_aussi">Voir aussi</h2> <ul> <li>{{domxref("window.atob","atob()")}}</li> <li>{{domxref("window.btoa","btoa()")}}</li> - <li><a href="/fr/docs/Web/HTTP/data_URIs" title="/fr/docs/Web/HTTP/data_URIs">URIs de données </a></li> + <li><a href="/fr/docs/Web/HTTP/data_URIs">URIs de données </a></li> <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/ArrayBuffer">ArrayBuffer</a></li> <li><a href="/fr/docs/Web/JavaScript/Tableaux_typés">Tableaux typés</a></li> <li><a href="/fr/docs/Web/API/ArrayBufferView">ArrayBufferView</a></li> <li><a href="/fr/docs/Web/API/Uint8Array">Uint8Array</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays/StringView" title="/en-US/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes, basée sur les tableaux typés</a></li> - <li><a href="/fr/docs/Web/API/DOMString" title="/fr/docs/Web/API/DOMString">DOMString</a></li> - <li><a href="/fr/docs/Glossary/URI" title="/fr/docs/Glossary/URI"><code>URI</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI" title="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI"><code>encodeURI()</code></a></li> - <li><a href="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIURIFixup" title="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIURIFixup"><code>nsIURIFixup()</code></a></li> - <li><a href="https://fr.wikipedia.org/wiki/Base64" title="https://fr.wikipedia.org/wiki/Base64">Article sur la base64 sur Wikipédia</a></li> + <li><a href="/fr/docs/Web/JavaScript/Typed_arrays/StringView"><code>StringView</code> – une représentation des chaînes, basée sur les tableaux typés</a></li> + <li><a href="/fr/docs/Web/API/DOMString">DOMString</a></li> + <li><a href="/fr/docs/Glossary/URI"><code>URI</code></a></li> + <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI"><code>encodeURI()</code></a></li> + <li><a href="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIURIFixup"><code>nsIURIFixup()</code></a></li> + <li><a href="https://fr.wikipedia.org/wiki/Base64">Article sur la base64 sur Wikipédia</a></li> </ul> |