Comment afficher le nombre de mots sélectionnés dans Webflow ?

(function() {
  var display = document.getElementById('selection-count');
  if (!display) return;

  display.style.cssText = 'position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);' +
    'background:#111;color:#fff;padding:8px 16px;border-radius:100px;font-size:13px;' +
    'opacity:0;transition:opacity 0.2s,transform 0.2s;pointer-events:none;z-index:9999;white-space:nowrap;';

  document.addEventListener('selectionchange', function() {
    var sel = window.getSelection();
    var text = sel ? sel.toString().trim() : '';
    var words = text ? text.split(/\s+/).filter(Boolean).length : 0;
    var chars = text.length;

    if (words > 0) {
      display.textContent = words + ' mot' + (words > 1 ? 's' : '') + ' · ' + chars + ' caractères';
      display.style.opacity = '1';
      display.style.transform = 'translateX(-50%) translateY(0)';
    } else {
      display.style.opacity = '0';
      display.style.transform = 'translateX(-50%) translateY(20px)';
    }
  });
})();

document.addEventListener('selectionchange', function() {
  var text = window.getSelection().toString().trim();
  var words = text ? text.split(/\s+/).filter(Boolean).length : 0;
  var el = document.getElementById('selection-count');
  if (el) el.textContent = words > 0 ? words + ' mots sélectionnés' : '';
});