correcteur orthographe

Comparateur d’outils : correcteur orthographe

Filtrer, trier et pondérer les critères pour choisir l’outil adapté à vos besoins.

Rechercher

Intégrations CMS

WordPress Google Docs Chrome API

Précision grammaticale minimale : 0/5

Pondération des critères (ajuster pour calculer le score total)

Précision grammaticale : 40%

Intégration CMS : 20%

Réformes stylistiques : 20%

Prix : 20%

Les pourcentages sont relatifs. Le score total est normalisé (%).

Réinitialiser Exporter CSV Copier CSV

Outil ⇅	Précision grammaticale ⇅	Intégration CMS	Réformes stylistiques	Prix	Score total

Astuce : cliquez sur un entête pour trier ; ajustez les poids pour refléter vos priorités.

/* Script du tableau comparateur (commenté en français) – Données locales (pas d’API externe nécessaire) – Fonctionnalités : * Recherche / filtres par intégration / slider précision minimale * Pondération dynamique des critères et calcul d’un score normalisé * Tri et export CSV / copie * Accessibilité : boutons focusables, aria-live */ // Texte / labels (internationalisation simple) const I18N = { rechercher_placeholder: “Nom de l’outil…”, export_ok: “CSV copié dans le presse-papier.”, reset_ok: “Filtres réinitialisés.”, no_result: “Aucun outil ne correspond aux filtres.” }; // Données fournies (en français) const outils = [ { id: ‘scribens’, nom: ‘Scribens’, precision: 4.0, // /5 integrations: [‘WordPress’, ‘Chrome’], reformes: ‘Limitée’, // Non / Limitée / Oui prix: ‘Gratuit – Freemium’, commentaires: ‘Bon correcteur pour usage gratuit; style limité.’ }, { id: ‘languagetool’, nom: ‘LanguageTool’, precision: 4.5, integrations: [‘WordPress’, ‘Google Docs’, ‘Chrome’, ‘API’], reformes: ‘Oui’, prix: ‘Gratuit – Freemium (quota API)’, commentaires: ‘Fort en grammaire et style, API gratuite avec limites.’ }, { id: ‘quillbot’, nom: ‘QuillBot’, precision: 3.5, integrations: [‘Chrome’], reformes: ‘Oui’, prix: ‘Freemium’, commentaires: ‘Axé paraphrase et style ; la vérification grammaticale est secondaire.’ } ]; // Cartographie pour normalisation / scores (modifiable) function mapReformesToScore(text) { if (text === ‘Oui’) return 1.0; if (text === ‘Limitée’) return 0.5; return 0.0; } function mapPrixToScore(text) { // 1 = meilleur (plus économique), 0 = pire (payant complet) if (text.toLowerCase().includes(‘gratuit’)) return 1.0; if (text.toLowerCase().includes(‘freemium’)) return 0.6; return 0.2; } // Etat de l’UI const state = { search: ”, integrationsFilter: new Set(), minPrecision: 0, weights: { precision: 40, integration: 20, style: 20, price: 20 }, sort: { key: null, dir: 1 } // dir: 1 asc, -1 desc }; // Référence DOM const el = { tableBody: document.getElementById(‘table-body’), search: document.getElementById(‘search’), minPrecision: document.getElementById(‘min-precision’), minPrecisionLabel: document.getElementById(‘min-precision-label’), integrationChips: Array.from(document.querySelectorAll(‘.integration-chip’)), wPrecision: document.getElementById(‘w-precision’), wIntegration: document.getElementById(‘w-integration’), wStyle: document.getElementById(‘w-style’), wPrice: document.getElementById(‘w-price’), wPrecisionVal: document.getElementById(‘w-precision-val’), wIntegrationVal: document.getElementById(‘w-integration-val’), wStyleVal: document.getElementById(‘w-style-val’), wPriceVal: document.getElementById(‘w-price-val’), resetFilters: document.getElementById(‘reset-filters’), exportCsv: document.getElementById(‘export-csv’), copyCsv: document.getElementById(‘copy-csv’), sortBtns: Array.from(document.querySelectorAll(‘.sort-btn’)), ariaLive: document.getElementById(‘aria-live’) }; // Initialiser valeurs UI el.minPrecisionLabel.textContent = state.minPrecision; // Calcul du score total (normalisé à 100) function computeScores(list, weights) { // Normalisation des intégrations : nombre / maxNombre const maxIntegrations = Math.max(…list.map(o => o.integrations.length), 1); // Somme des poids (pour normaliser) const sumWeights = Math.max(1, weights.precision + weights.integration + weights.style + weights.price); return list.map(o => { const precisionScore = o.precision / 5; // 0..1 const integrationScore = o.integrations.length / maxIntegrations; // 0..1 const styleScore = mapReformesToScore(o.reformes); // 0..1 const priceScore = mapPrixToScore(o.prix); // 0..1 const weighted = ( precisionScore * weights.precision + integrationScore * weights.integration + styleScore * weights.style + priceScore * weights.price ) / sumWeights; return Object.assign({}, o, { _precisionScore: precisionScore, _integrationScore: integrationScore, _styleScore: styleScore, _priceScore: priceScore, _totalScore: Math.round(weighted * 100) // 0..100 }); }); } // Appliquer filtres et afficher function render() { // Mise à jour de l’état depuis UI (sécurité) state.search = el.search.value.trim().toLowerCase(); state.minPrecision = parseFloat(el.minPrecision.value); // Filtrer par recherche + intégrations + précision minimale let filtered = outils.filter(o => { if (state.search && !o.nom.toLowerCase().includes(state.search)) return false; if (o.precision 0) { const hasAny = Array.from(state.integrationsFilter).some(intg => o.integrations.includes(intg)); if (!hasAny) return false; } return true; }); if (filtered.length === 0) { el.tableBody.innerHTML = `${I18N.no_result}`; el.ariaLive.textContent = I18N.no_result; return; } // Calcul des scores const scored = computeScores(filtered, state.weights); // Tri si demandé if (state.sort.key) { scored.sort((a, b) => { let va = a[state.sort.key], vb = b[state.sort.key]; // Pour precision ou _totalScore, garantir type number if (state.sort.key === ‘precision’ || state.sort.key === ‘_totalScore’) { va = +va; vb = +vb; } else if (state.sort.key === ‘name’ || state.sort.key === ‘nom’) { va = a.nom.toLowerCase(); vb = b.nom.toLowerCase(); } if (va vb) return 1 * state.sort.dir; return 0; }); } else { // Par défaut, trier par score décroissant scored.sort((a,b) => b._totalScore – a._totalScore); } // Construire lignes el.tableBody.innerHTML = ”; scored.forEach(item => { const integrationsSpan = item.integrations.map(i => `${i}`).join(‘ ‘); const row = document.createElement(‘tr’); row.setAttribute(‘role’,’row’); row.innerHTML = ` ${integrationsSpan} Détails `; el.tableBody.appendChild(row); }); // Attacher listeners pour boutons Détails (pour accessibilité) Array.from(el.tableBody.querySelectorAll(‘.details-btn’)).forEach(btn => { btn.addEventListener(‘click’, (e) => { const id = e.currentTarget.dataset.id; const tool = outils.find(t => t.id === id); if (!tool) return; alert(`${tool.nom}nnPrécision : ${tool.precision}/5nIntégrations : ${tool.integrations.join(‘, ‘)}nRéformes stylistiques : ${tool.reformes}nPrix : ${tool.prix}nnNotes : ${tool.commentaires}`); }); }); el.ariaLive.textContent = `${scored.length} résultat(s) affiché(s).`; } // Gestion des événements el.search.addEventListener(‘input’, () => { render(); }); el.minPrecision.addEventListener(‘input’, (e) => { el.minPrecisionLabel.textContent = e.target.value; render(); }); // Intégrations : toggles el.integrationChips.forEach(chip => { chip.addEventListener(‘click’, () => { const val = chip.dataset.integration; if (state.integrationsFilter.has(val)) { state.integrationsFilter.delete(val); chip.classList.remove(‘bg-sky-600′,’text-white’,’border-transparent’); chip.classList.add(‘bg-slate-50′,’text-slate-700′,’border-slate-200’); } else { state.integrationsFilter.add(val); chip.classList.add(‘bg-sky-600′,’text-white’,’border-transparent’); chip.classList.remove(‘bg-slate-50′,’text-slate-700′,’border-slate-200’); } render(); }); // Permet navigation clavier (Enter/Space) chip.setAttribute(‘tabindex’,’0′); chip.addEventListener(‘keydown’, (e) => { if (e.key === ‘Enter’ || e.key === ‘ ‘) { e.preventDefault(); chip.click(); } }); }); // Poids : mettre à jour état et labels function updateWeightsFromUI() { state.weights.precision = parseInt(el.wPrecision.value,10); state.weights.integration = parseInt(el.wIntegration.value,10); state.weights.style = parseInt(el.wStyle.value,10); state.weights.price = parseInt(el.wPrice.value,10); el.wPrecisionVal.textContent = state.weights.precision; el.wIntegrationVal.textContent = state.weights.integration; el.wStyleVal.textContent = state.weights.style; el.wPriceVal.textContent = state.weights.price; } [el.wPrecision, el.wIntegration, el.wStyle, el.wPrice].forEach(inp => { inp.addEventListener(‘input’, () => { updateWeightsFromUI(); render(); }); }); // Bouton reset el.resetFilters.addEventListener(‘click’, () => { // Reset UI controls el.search.value = ”; el.minPrecision.value = 0; el.minPrecisionLabel.textContent = ‘0’; state.integrationsFilter.clear(); el.integrationChips.forEach(chip => { chip.classList.remove(‘bg-sky-600′,’text-white’,’border-transparent’); chip.classList.add(‘bg-slate-50′,’text-slate-700′,’border-slate-200’); }); el.wPrecision.value = 40; el.wIntegration.value = 20; el.wStyle.value = 20; el.wPrice.value = 20; updateWeightsFromUI(); render(); el.ariaLive.textContent = I18N.reset_ok; }); // Tri el.sortBtns.forEach(btn => { btn.addEventListener(‘click’, () => { const key = btn.dataset.sort; // mapping key names used in sort if (key === ‘name’) { // utiliser ‘nom’ pour comparaison alpha if (state.sort.key === ‘nom’) state.sort.dir *= -1; else { state.sort.key = ‘nom’; state.sort.dir = 1; } } else if (key === ‘precision’) { if (state.sort.key === ‘precision’) state.sort.dir *= -1; else { state.sort.key = ‘precision’; state.sort.dir = -1; } } else { // fallback state.sort.key = key; state.sort.dir = 1; } render(); }); }); // Export CSV function generateCSV(rows) { const header = [‘Nom’,’Précision (5)’,’Intégrations’,’Réformes stylistiques’,’Prix’,’Score (0-100)’]; const lines = [header.join(‘,’)]; rows.forEach(r => { const cols = [ `”${r.nom.replace(/”/g,'””‘)}”`, r.precision, `”${r.integrations.join(‘; ‘).replace(/”/g,'””‘)}”`, `”${r.reformes}”`, `”${r.prix.replace(/”/g,'””‘)}”`, r._totalScore ]; lines.push(cols.join(‘,’)); }); return lines.join(‘n’); } el.exportCsv.addEventListener(‘click’, () => { // Recalculer sur l’état actuel const filtered = computeScores( outils.filter(o => { if (state.search && !o.nom.toLowerCase().includes(state.search)) return false; if (o.precision 0) { const hasAny = Array.from(state.integrationsFilter).some(intg => o.integrations.includes(intg)); if (!hasAny) return false; } return true; }), state.weights ); const csv = generateCSV(filtered); const blob = new Blob([csv], { type: ‘text/csv;charset=utf-8;’ }); const url = URL.createObjectURL(blob); const a = document.createElement(‘a’); a.href = url; a.download = ‘comparateur-correcteurs.csv’; document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(url); }); el.copyCsv.addEventListener(‘click’, async () => { // Copie CSV dans le presse-papiers const filtered = computeScores( outils.filter(o => { if (state.search && !o.nom.toLowerCase().includes(state.search)) return false; if (o.precision 0) { const hasAny = Array.from(state.integrationsFilter).some(intg => o.integrations.includes(intg)); if (!hasAny) return false; } return true; }), state.weights ); const csv = generateCSV(filtered); try { await navigator.clipboard.writeText(csv); el.ariaLive.textContent = I18N.export_ok; alert(I18N.export_ok); } catch (err) { // fallback : ouvrir nouvelle fenêtre avec CSV const w = window.open(”, ‘_blank’); w.document.write(‘

' + csv.replace(/</g,'<') + '

‘); } }); // Rendu initial updateWeightsFromUI(); render(); // Petit ajout : observer changements de thème pour améliorer contraste (optionnel) // Accessible : navigation clavier pour boutons de tri document.querySelectorAll(‘.sort-btn’).forEach(b => b.setAttribute(‘tabindex’,’0′));