Nettoyez le code HTML des déchets. Convertisseur en ligne de fichiers Excel, Word et txt en code HTML pur sans styles CSS inutiles. texte source du plugin

Débarrassez-vous de votre balisage sale avec HTML Cleaner en ligne gratuit. Il est très simple de composer, éditer, formater et réduire le code Web avec cet outil en ligne. Convertissez des documents Word en HTML ordonné et tout autre document visuel comme Excel, PDF, Google Docs, etc. Il est extrêmement simple et efficace de travailler avec les deux éditeurs visuels et sources ci-joints qui répondent instantanément à vos actions.

HTML Cleaner est équipé de nombreuses fonctionnalités utiles pour rendre le nettoyage et l'édition HTML aussi simples que possible. Collez simplement votre code dans la zone de texte, configurez les préférences de nettoyage et appuyez sur le bouton HTML propre bouton. Il peut gérer n'importe quel document créé avec Microsoft Excel, PowerPoint, Google Docs ou tout autre compositeur. Il vous aide à vous débarrasser facilement de tous les styles en ligne et des codes inutiles ajoutés par Microsoft Word ou d'autres éditeurs WYSIWYG. Cet outil d'édition HTML est utile lorsque vous migrez le contenu d'un site Web à un autre et que vous souhaitez nettoyer toutes les classes et identifiants étrangers appliqués par le site source. Utilisez l'outil de recherche et de remplacement pour vos commandes personnalisées. Le générateur de texte charabia vous permet d'ajouter facilement du texte factice à l'éditeur.

En haut de la page, vous pouvez voir l'éditeur visuel et l'éditeur de code source côte à côte. Quelle que soit la modification que vous modifiez, les modifications seront répercutées sur l'autre en temps réel. L'éditeur HTML visuel permet aux débutants de composer facilement leur contenu comme s'ils utilisaient n'importe quel autre programme de traitement de texte, tandis qu'à droite, l'éditeur source avec le balisage de code en surbrillance aide les utilisateurs avancés à ajuster le code. Cela fait de ce programme en ligne un outil intéressant pour apprendre le codage HTML.

Convertir des documents Word en HTML propre

Pour publier des PDF en ligne, Microsoft Word, Excel, PowerPoint ou tout autre document composé avec différents programmes d'édition de mots ou simplement pour copier le contenu copié à partir d'un autre site Web, collez le contenu formaté dans l'éditeur visuel. La source HTML du document sera également immédiatement visible dans l'éditeur de source. La barre de contrôle au-dessus de l'éditeur WYSIWYG contrôle ce champ tandis que tous les autres paramètres de nettoyage de source servent à modifier le code source. Clique le HTML propre après avoir configuré les préférences de nettoyage. Copiez le code nettoyé et publiez-le sur votre site Web.

Il n'y a aucune garantie que le programme corrige toutes les erreurs de votre code exactement comme vous le souhaitez, alors essayez de saisir un code HTML syntaxiquement valide.

Convertissez les tableaux HTML en éléments div structurés en activant la case correspondante.

Nettoyer le code HTML des balises Microsoft Word (2000-2007) ?

Dans le passé, les concepteurs de sites Web construisaient leurs sites Web à l'aide de tableaux pour organiser la mise en page, mais à l'ère de la conception Web réactive, les tableaux sont obsolètes et les DIV prennent leur place. Cet outil en ligne vous aide à transformer vos tableaux en éléments div structurés en quelques clics simples.

Vous pouvez rendre votre code source plus lisible en organisant la hiérarchie des onglets dans une arborescence.

Devenir membre

Ce site Web est un outil entièrement fonctionnel pour nettoyer et composer du code HTML, mais vous avez la possibilité d'acheter un abonnement HTML G et d'accéder à des fonctionnalités encore plus professionnelles. En utilisant la version gratuite de HTML Cleaner, vous acceptez d'inclure des liens dans les documents édités. Cet outil de nettoyage peut ajouter un lien promotionnel tiers à la fin des documents nettoyés et vous devez laisser ce code inchangé tant que vous utilisez la version gratuite.

Bonjour!

Lors de l'écriture de mon propre éditeur WYSIWYG, j'ai rencontré un problème pour copier du texte à partir de Word. Il y a en fait trois problèmes :

• Word insère beaucoup de code HTML inutile qui doit être nettoyé
• Pour une raison quelconque, Word utilise des paragraphes au lieu des balises UL et LI pour présenter les listes
• En fait, comment déterminer que le texte inséré est inséré à partir de Word.

$('#éditeur'). msword_html_filter();
Le plugin est accroché à un événement touche et vérifie si le code source à l'intérieur de l'éditeur est collé depuis Word ; si c'est le cas, la fonction de nettoyage est lancée. Dans le code HTML résultant, tout ce qui est possible est ajouté - espaces insécables, attributs style Et aligner, Mots clés portée, Tous Mso-classes, paragraphes vides.

Détails d'implantation sous la coupe.

La plupart des habitués utilisés provenaient de TinyMCE.

Comment déterminer si une ligne contient du code html inséré depuis Word :

Si (/class="?Mso|style="[^"]*\bmso-|style="[^""]*\bmso-|w:WordDocument/i.test(content)) ( ... )

Fonction de nettoyage de code (un objet éditeur jquery est passé à la fonction) :

Function word_filter(editor)( var content = editor.html(); // Commentaires de mots comme les commentaires conditionnels, etc. content = content.replace(/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]* >>gi, ""); // Convertir dans <(\/?)s>/gi,"<$1strike> ___ ([\s\u00a0]*)<\/span>/gi, function(str, espaces) ( return (spaces.length > "; if (/^\s*\w+\./.test(txt)) ( var matches = /()\./.exec(txt ); if (correspondances) ( var start = parseInt(matches, 10); list_tag = start>1 ? "" : ""; )else( list_tag = ""; ) ) if(cur_level> " + $(this).html() + "") $(this).remove(); last_level = cur_level; )else( last_level = 0; ) )) $("", editor).removeAttr("style"); $("", editor).removeAttr( "align"); $("span", éditeur).replaceWith(function() (return $(this).contents();)); $("span:empty", editor).remove(); , éditeur).removeAttr("class"); $("p:empty", éditeur).remove();

Le texte source complet du plugin se trouve sous le spoiler, enregistrez-le dans un fichier jquery.msword_html_filter.js

texte source du plugin

(function($) ( $.fn.msword_html_filter = function(options) ( var settings = $.extend((), options); function word_filter(editor)( var content = editor.html(); // Commentaires de mots comme commentaires conditionnels, etc. content = content.replace(//gi, ""); // Supprimez les commentaires, les scripts (par exemple, msoShowComment), la balise XML, le contenu VML, // les balises d'espace de noms MS Office et quelques autres balises content = content.replace(/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]* >>gi, ""); // Convertir dans pour le contenu en ligne = content.replace(/<(\/?)s>/gi,"<$1strike>"); // Remplacez les entités nbsp par char car c'est plus facile à gérer //content = content.replace(/ /gi, "\u00a0"); content = content.replace(/ /gi, " "); // Convertir ___à une chaîne d'espaces // sécables/insécables alternés de même longueur content = content.replace(/ ([\s\u00a0]*)<\/span>/gi, function(str, espaces) ( return (spaces.length > 0) ? space.replace(/./, " ").slice(Math.floor(spaces.length/2)).split("") .join("\u00a0") : "" )); éditeur.html(contenu); // Analyser le niveau d'indentation de la liste pour les listes $("p", editor).each(function())( var str = $(this).attr("style"); var matches = /mso-list:\w+ \ w+(+)/.exec(str); if (matches) ( $(this).data("_listLevel", parseInt(matches, 10)); ) )); // Analyser les listes var last_level=0; var pnt = nul ; $("p", editor).each(function())( var cur_level = $(this).data("_listLevel"); if(cur_level != undefined)( var txt = $(this).text() ; var list_tag = ""; if (/^\s*\w+\./.test(txt)) ( var matches = /()\./.exec(txt); if (correspond) ( var start = parseInt ( matches, 10); list_tag = start>1 ? "" : ""; list_tag = ""; if(cur_level>last_level)( if(last_level==0)( $(this).before(list_tag ); pnt = $(this).prev(); )else( pnt = $(list_tag).appendTo(pnt); ) ) if(cur_level " + $(this).html() + "") $(this).remove(); last_level = cur_level; )else( last_level = 0; ) )) $("", editor).removeAttr("style"); $("", editor).removeAttr( "align"); $("span", éditeur).replaceWith(function() (return $(this).contents();)); $("span:empty", editor).remove(); , editor).removeAttr("class"); $("p:empty", editor).remove(); return this.each(function() ( $(this).on("keyup", function ()( var content = $(this).html(); if (/class="?Mso|style="[^"]*\bmso-|style="[^""]*\bmso-|w :WordDocument/ i.test(content)) ( word_filter($(this)); ) ));