Fix #4269 - Removes empty/special characters (#4270)

* Remove ufeff

* Remove u2064

* Remove u2062

* Replace u202f followed by : with  :

* Replace u202f next to « or » with   and « or »

* Replace u202f followed by ; with  ;

* Replace u202f followed by ! with  

* Replace u202f followed by ? with  ?

* Replace remaining u202f with classical space

* Replace u200b surrounded by space  with classical space

* Replace u200b surrounded by space  with classical space - again (repeated)

* Remove remaining u200b

* Remove u200a

* Replace u2009 with  

* Remove u00ad

* Replace u00a0 followed by : ! or ? with   and punctuation

* Replace u00a0 surrounded « or » with   and punctuation

* Replace u00a0 followed by whitespaces

* Replace u00a0 preceded by whitespaces

* Replace u00a0 followed by a newline with a newline

* Replace u00a0 followed by a newline with a newline - Take2

* Replace u00a0 followed by a ;   and punctuation

* Remove u00a0 followed by ,

* Remove u00a0 in indentation spaces with \n([ ]*)([\u00a0])([ ]*)

* Manual replacement of ([\u00a0])([ ]+)

* Replace remaining ([\u00a0]+) by a space

* cleaning empty elements

* remove ufe0f

* Remove u00a0 and u202f after merging against updated main

* remove double whitespace using (\w)(  )(\w)

9 files changed, 11 insertions, 23 deletions

diff --git a/files/fr/tools/page_inspector/3-pane_mode/index.html b/files/fr/tools/page_inspector/3-pane_mode/index.html
index 97398e9766..dd4a401052 100644
--- a/files/fr/tools/page_inspector/3-pane_mode/index.html
+++ b/files/fr/tools/page_inspector/3-pane_mode/index.html
@@ -46,7 +46,7 @@ original_slug: Outils/Inspecteur/3-pane_mode
 
 <h2 id="Activer_le_mode_3_panneaux_avant_Firefox_62">Activer le mode 3 panneaux avant Firefox 62</h2>
 
-<p>Dans les versions antérieures de Firefox (mais depuis Firefox 59/60), il est possible d'activer le mode 3 panneaux dans les versions Release/Beta en allant dans about:config et en passant les préférences suivantes à  <code>true</code> :</p>
+<p>Dans les versions antérieures de Firefox (mais depuis Firefox 59/60), il est possible d'activer le mode 3 panneaux dans les versions Release/Beta en allant dans about:config et en passant les préférences suivantes à  <code>true</code> :</p>
 
 <p><code>devtools.inspector.split-rule-enabled</code> — Cela active/Désactive le mode 3 panneaux.</p>
 
diff --git a/files/fr/tools/page_inspector/how_to/edit_css_filters/index.html b/files/fr/tools/page_inspector/how_to/edit_css_filters/index.html
index 5a9f881510..887c1da4ab 100644
--- a/files/fr/tools/page_inspector/how_to/edit_css_filters/index.html
+++ b/files/fr/tools/page_inspector/how_to/edit_css_filters/index.html
@@ -6,7 +6,7 @@ original_slug: Outils/Inspecteur/Comment/Edition_filtres_css
 ---
 <div>{{ToolsSidebar}}</div>
 
-<p>Les propriétés <code><a href="/fr/docs/Web/CSS/filter">filter</a></code> dans la <a href="/fr/docs/Outils/Inspecteur/UI_Tour#Rules_view">vue Règles</a> ont une icône ronde à fond gris/blanc : </p>
+<p>Les propriétés <code><a href="/fr/docs/Web/CSS/filter">filter</a></code> dans la <a href="/fr/docs/Outils/Inspecteur/UI_Tour#Rules_view">vue Règles</a> ont une icône ronde à fond gris/blanc : </p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/16454/click_to_edit_filter.png" style="border: 1px solid black; display: block; height: 146px; margin-left: auto; margin-right: auto; width: 366px;"></p>
 
diff --git a/files/fr/tools/page_inspector/how_to/examine_and_edit_css/index.html b/files/fr/tools/page_inspector/how_to/examine_and_edit_css/index.html
index d2cd4159ae..e011467fae 100644
--- a/files/fr/tools/page_inspector/how_to/examine_and_edit_css/index.html
+++ b/files/fr/tools/page_inspector/how_to/examine_and_edit_css/index.html
@@ -16,7 +16,7 @@ original_slug: Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/11203/css-overview.png" style="display: block; height: 510px; margin-left: auto; margin-right: auto; width: 588px;"></p>
 
-<p>Une icône d'avertissement apparaitera à coté des styles non supportés ou invalides. Cela peut servir à comprendre pourquoi certains styles ne sont pas appliqués :</p>
+<p>Une icône d'avertissement apparaitera à coté des styles non supportés ou invalides. Cela peut servir à comprendre pourquoi certains styles ne sont pas appliqués :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/12189/css-as-authored.png" style="display: block; height: 357px; margin-left: auto; margin-right: auto; width: 588px;"></p>
 
@@ -34,9 +34,9 @@ original_slug: Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS
  <li><em>Nom de fichier et numéro de ligne</em>: dans la partie droite, on retrouve un lien vers la règle. Voir <a href="/fr/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Link_to_CSS_file">lien vers le fichier CSS</a>.</li>
 </ul>
 
-<p>Depuis Firefox 52, si un élément à une déclaration <code><a href="/fr/docs/Web/CSS/display">display: grid</a></code>, alors une icône en forme de grille (<img alt="" src="https://mdn.mozillademos.org/files/14524/Screen%20Shot%202016-12-16%20at%2010.51.15%20AM.png" style="height: 22px; margin-bottom: -5px; width: 22px;">) apparait. Cliquer sur cette icône affiche une grille par-dessus la page. Voir <a href="/fr/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">examiner les  grilles</a> pour plus d'informations.</p>
+<p>Depuis Firefox 52, si un élément à une déclaration <code><a href="/fr/docs/Web/CSS/display">display: grid</a></code>, alors une icône en forme de grille (<img alt="" src="https://mdn.mozillademos.org/files/14524/Screen%20Shot%202016-12-16%20at%2010.51.15%20AM.png" style="height: 22px; margin-bottom: -5px; width: 22px;">) apparait. Cliquer sur cette icône affiche une grille par-dessus la page. Voir <a href="/fr/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">examiner les grilles</a> pour plus d'informations.</p>
 
-<p>Pour lister les <a href="/fr/docs/Web/CSS/Cascade">user-agent styles</a> (les styles appliqués par le navigateur), il faut activer l'option « Afficher les styles du navigateur » dans les <a href="/fr/docs/Outils/Outils_boite_à_outils#Inspecteur">options des outils de développement</a>. Il est à noter que cette option est indépendante de l'option « Styles navigateur » présente dans <a href="/fr/docs/Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS#.C3.89xaminer_le_CSS_calcul.C3.A9">l'onglet « Calculé »</a>.</p>
+<p>Pour lister les <a href="/fr/docs/Web/CSS/Cascade">user-agent styles</a> (les styles appliqués par le navigateur), il faut activer l'option « Afficher les styles du navigateur » dans les <a href="/fr/docs/Outils/Outils_boite_à_outils#Inspecteur">options des outils de développement</a>. Il est à noter que cette option est indépendante de l'option « Styles navigateur » présente dans <a href="/fr/docs/Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS#.C3.89xaminer_le_CSS_calcul.C3.A9">l'onglet « Calculé »</a>.</p>
 
 <p>Les user-agent styles sont affichés sur un fond différent et le lien vers la feuille de style contient le préfixe <code>(user agent)</code> :</p>
 
@@ -161,14 +161,14 @@ original_slug: Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS
 <p>Effectuer une saisie dans la boite de recherche applique un filtre en temps réel sur la liste. Ainsi, si, par exemple, vous souhaitez uniquement afficher uniquement les paramètres liés aux polices d'écriture, vous pouvez taper « font » dans la boîte de recherche et seules les propriétés dont le nom contient « font » seront listées. Il est également possible de chercher les valeurs des propriétés : par exemple pour trouver la règle qui définit la police « Lucida Grande », il suffit de saisir cette valeur dans le champ de recherche.</p>
 
 <div class="note">
-<p>Dans l'onglet des règles calculé,  il est possible d'utiliser le raccourci clavier <kbd>Ctrl</kbd> / <kbd>Cmd</kbd> + <kbd>F</kbd> pour sélectioner le champ de recherche. Ensuite il est possible de supprimer la recherche avec <kbd>Esc</kbd>.</p>
+<p>Dans l'onglet des règles calculé,  il est possible d'utiliser le raccourci clavier <kbd>Ctrl</kbd> / <kbd>Cmd</kbd> + <kbd>F</kbd> pour sélectioner le champ de recherche. Ensuite il est possible de supprimer la recherche avec <kbd>Esc</kbd>.</p>
 </div>
 
 <h2 id="Modifier_les_règles">Modifier les règles</h2>
 
 <p>Cliquer sur une déclaration ou un sélecteur dans l'onglet des règles permet de les éditer et d'observer immédiatement le résultat. Il est également possible de parcourir les différentes propriétés et valeurs avec <kbd>Tab</kbd>, et de les éditer avec <kbd>Entrée</kbd> ou <kbd>Espace</kbd>. Pour ajouter une nouvelle déclaration, il faut cliquer sur la dernière ligne de la règle (celle où il y a l’accolade fermante).</p>
 
-<p>Alors que le nom de la propriété est en train d'être écrite, une liste d'auto complétions s'affiche. Appuyer sur <kbd>Tab </kbd> accepte la suggestion sélectionnée, et <kbd>Flèche Haut</kbd> et <kbd>Flèche Bas</kbd> permettent de se déplacer dans la liste. La suggestion sélectionnée par défaut est la propriété la plus commune commençant par les lettres tapées. Ici par exemple, l'utilisateur à tapé "c", et le choix par défaut est "color" :</p>
+<p>Alors que le nom de la propriété est en train d'être écrite, une liste d'auto complétions s'affiche. Appuyer sur <kbd>Tab </kbd> accepte la suggestion sélectionnée, et <kbd>Flèche Haut</kbd> et <kbd>Flèche Bas</kbd> permettent de se déplacer dans la liste. La suggestion sélectionnée par défaut est la propriété la plus commune commençant par les lettres tapées. Ici par exemple, l'utilisateur à tapé "c", et le choix par défaut est "color" :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/13080/css-autocomplete.png" style="display: block; height: 401px; margin-left: auto; margin-right: auto; width: 587px;"></p>
 
diff --git a/files/fr/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html b/files/fr/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html
index 80d1307dcc..7241cc57f1 100644
--- a/files/fr/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html
+++ b/files/fr/tools/page_inspector/how_to/examine_and_edit_the_box_model/index.html
@@ -33,6 +33,6 @@ original_slug: Outils/Inspecteur/Comment/Examiner_et_modifier_le_modèle_de_boî
 
 <h2 id="Éditer_le_modèle_de_boites">Éditer le modèle de boites</h2>
 
-<p>Il est également possible d'éditer les valeurs dans la <a href="/fr/docs/Tools/Page_Inspector/UI_Tour#Computed_view">vue modèle de boite</a> et les changements dans la page sont affiché immédiatement :</p>
+<p>Il est également possible d'éditer les valeurs dans la <a href="/fr/docs/Tools/Page_Inspector/UI_Tour#Computed_view">vue modèle de boite</a> et les changements dans la page sont affiché immédiatement :</p>
 
 <p>{{EmbedYouTube("gHjDjM8GJ9I")}}</p>
diff --git a/files/fr/tools/page_inspector/how_to/examine_event_listeners/index.html b/files/fr/tools/page_inspector/how_to/examine_event_listeners/index.html
index ab47f3c8a4..fd1dd8b192 100644
--- a/files/fr/tools/page_inspector/how_to/examine_event_listeners/index.html
+++ b/files/fr/tools/page_inspector/how_to/examine_event_listeners/index.html
@@ -12,12 +12,8 @@ original_slug: Outils/Inspecteur/Comment/Examiner_les_écouteurs_d_évènements
 
 <p>L'inspecteur affiche dans le <a href="/fr/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">panneau HTML</a> le mot "event" à côté des éléments qui ont un écouteur lié :</p>
 
-<p> </p>
-
 <p><img alt="" src="https://mdn.mozillademos.org/files/16253/inspect_element_with_eventhandler.png" style="border: 1px solid black; display: block; height: 24px; margin-left: auto; margin-right: auto; width: 491px;"></p>
 
-<p> </p>
-
 <p>Cliquer sur cette icône fera apparaitre une pop-up listant tous les écouteurs liés à cet élément :</p>
 
 <p><img alt="" src="https://mdn.mozillademos.org/files/16254/inspector_event_handlers.png" style="border: 1px solid black; display: block; height: 702px; margin-left: auto; margin-right: auto; width: 828px;">Chaque ligne contient :</p>
diff --git a/files/fr/tools/page_inspector/how_to/examine_grid_layouts/index.html b/files/fr/tools/page_inspector/how_to/examine_grid_layouts/index.html
index e2c8c579aa..d59b1b3513 100644
--- a/files/fr/tools/page_inspector/how_to/examine_grid_layouts/index.html
+++ b/files/fr/tools/page_inspector/how_to/examine_grid_layouts/index.html
@@ -99,7 +99,7 @@ original_slug: Outils/Inspecteur/Comment/Examine_grid_layouts
 
 <h3 id="Prolonger_les_lignes_à_linfini">Prolonger les lignes à l'infini</h3>
 
-<p>Par défaut les lignes/<em>tracks </em>ne sont affichées que dans l'élément sur laquelle la grille est appliquée :</p>
+<p>Par défaut les lignes/<em>tracks </em>ne sont affichées que dans l'élément sur laquelle la grille est appliquée :</p>
 
 <p><img alt="A CSS grid overlay with grid lines not extended infinitely" src="https://mdn.mozillademos.org/files/15987/no-extend-lines.png" style="border-style: solid; border-width: 1px; display: block; height: 499px; margin: 0px auto; width: 1000px;"></p>
 
diff --git a/files/fr/tools/page_inspector/how_to/select_an_element/index.html b/files/fr/tools/page_inspector/how_to/select_an_element/index.html
index bb693e7355..42d6b7169e 100644
--- a/files/fr/tools/page_inspector/how_to/select_an_element/index.html
+++ b/files/fr/tools/page_inspector/how_to/select_an_element/index.html
@@ -34,4 +34,4 @@ original_slug: Outils/Inspecteur/Comment/Sélectionner_un_élément
 
 <p>{{EmbedYouTube("Ss_fJz0zaxA")}}</p>
 
-<p>Depuis Firefox 52, utiliser la touche <kbd>Maj</kbd>  lors du clic sélectionnera l'élément, mais ne fermera pas le sélectioneur (afin de pouvoir sélectionner un autre élément ensuite)</p>
+<p>Depuis Firefox 52, utiliser la touche <kbd>Maj</kbd>  lors du clic sélectionnera l'élément, mais ne fermera pas le sélectioneur (afin de pouvoir sélectionner un autre élément ensuite)</p>
diff --git a/files/fr/tools/page_inspector/how_to/work_with_animations/index.html b/files/fr/tools/page_inspector/how_to/work_with_animations/index.html
index afd47abe3f..d88677b9ae 100644
--- a/files/fr/tools/page_inspector/how_to/work_with_animations/index.html
+++ b/files/fr/tools/page_inspector/how_to/work_with_animations/index.html
@@ -96,7 +96,7 @@ original_slug: Outils/Inspecteur/Comment/Work_with_animations
 
 <p>This is essentially a visual representation of the animation's <a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations/Animation_inspector_example:_Web_Animations_API#JavaScript_Content">keyframes</a>:</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">var</span> iconKeyframeSet <span class="operator token">=</span> <span class="punctuation token">[</span>
+<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">var</span> iconKeyframeSet <span class="operator token">=</span> <span class="punctuation token">[</span>
   <span class="punctuation token">{</span> transform<span class="punctuation token">:</span> <span class="string token">'scale(1)'</span><span class="punctuation token">,</span>   filter<span class="punctuation token">:</span> <span class="string token">'grayscale(100%)'                </span><span class="punctuation token">}</span><span class="punctuation token">,</span>
   <span class="punctuation token">{</span>                          filter<span class="punctuation token">:</span> <span class="string token">'grayscale(100%)'</span><span class="punctuation token">,</span> offset<span class="punctuation token">:</span> <span class="number token">0.333</span><span class="punctuation token"> }</span><span class="punctuation token">,</span>
   <span class="punctuation token">{</span> transform<span class="punctuation token">:</span> <span class="string token">'scale(1.5)'</span><span class="punctuation token">,</span>                            offset<span class="punctuation token">:</span> <span class="number token">0.666</span> <span class="punctuation token">}</span><span class="punctuation token">,</span>
diff --git a/files/fr/tools/page_inspector/ui_tour/index.html b/files/fr/tools/page_inspector/ui_tour/index.html
index 09eaf7d3c5..5edf2022f3 100644
--- a/files/fr/tools/page_inspector/ui_tour/index.html
+++ b/files/fr/tools/page_inspector/ui_tour/index.html
@@ -66,8 +66,6 @@ original_slug: Outils/Inspecteur/UI_Tour
 
 <p><img alt="The Computed view within the Inspector." src="https://mdn.mozillademos.org/files/15509/57-computed-view.png" style="display: block; height: 491px; margin-left: auto; margin-right: auto; width: 500px;"></p>
 
-<p> </p>
-
 <p>Pour en savoir plus sur le modèle de boite, voir "<a href="/fr/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Examiner et éditer le modèle de boite</a>". Il est a noter qu'avant Firefox 50, le modèle de boite n'apparaissait pas dans cet onglet puisqu'il avait le sien.</p>
 
 <p>Pour plus de détails sur les déclarations CSS de cette vue, voir "<a href="/fr/docs/Outils/Inspecteur/Comment/Examiner_et_modifier_le_CSS#Examiner_le_CSS_calculé">Examiner le CSS calculé</a>".</p>
@@ -76,8 +74,6 @@ original_slug: Outils/Inspecteur/UI_Tour
 
 <p>Cette vue liste toutes les polices présentes dans la page, ainsi que des exemples éditables.</p>
 
-<p> </p>
-
 <p><img alt="The all-new Inspector panel in Firefox 57." src="https://mdn.mozillademos.org/files/15517/57-fonts-panel.png" style="display: block; height: 344px; margin-left: auto; margin-right: auto; width: 500px;"></p>
 
 <p>Voir "<a href="/fr/docs/Outils/Inspecteur/Comment/Voir_les_polices">Voir les polices</a>" pour plus de détails.</p>
@@ -86,10 +82,6 @@ original_slug: Outils/Inspecteur/UI_Tour
 
 <p>Cette vue apporte des détails sur les animations relatives à l'élément sélectionné, ainsi qu'un contrôleur pour les interrompre.</p>
 
-<p> </p>
-
 <p><img alt="This is the Animations pane in the Firefox 57 Inspector. " src="https://mdn.mozillademos.org/files/15519/animation-view.png" style="display: block; height: 343px; margin-left: auto; margin-right: auto; width: 500px;"></p>
 
-<p> </p>
-
 <p>Voir "<a href="/fr/docs/Tools/Page_Inspector/How_to/Work_with_animations">Travailler avec les animations</a>" pour plus de détails.</p>