Javascript Girl
  1. Javascript Girl
  3. Comment envelopper la balise html pour les wrods de sélection de jquery mouseup?
Intereting Posts
Comment obtenir le champ "télécharger l'image" à l'aide de l'éditeur Nicedit Comment effacer l'historique des navigateurs (IE, Firefox, Opera, Chrome) à l'aide de JavaScript ou Java, sauf du navigateur lui-même? Javascript ajax setinterval delay Est-ce que getElementByClass est sûr d'utiliser à travers les navigateurs comme getElementById? IOS – React Native – Unhandled JS Exception: SyntaxError Les éléments de script écrit avec document.write dans une fenêtre ouverte avec window.open ne sont pas exécutés dans IE8 sous Windows 7 Travailler avec plusieurs couches – KineticJS XMLHttpRequest: POST multipart / related avec XML et image comme charge utile Angularjs Erreur non détectée: Redémarrez une promesse après échec Événement de changement de javascript sur les feux d'élément d'entrée en perdant seulement la mise au point Extension chrome: comment insérer une barre latérale via iframe dans le contenu? SVG ne fonctionne pas correctement comme vue arrière Le contrôle Combobox basé sur jQuery professionnel? Quelle est la signification des attributs aléatoires jquery dans html?

Comment envelopper la balise html pour les wrods de sélection de jquery mouseup?

Je fais référence à la réponse ici Sélectionnez un mot entier avec getSelection . Je voudrais faire une sélection de mouseup completed words du body . Que d'envelopper <p> tag pour les selection words . Voici le code. Alors, comment? Merci. 

 <script src="jquery.js"></script> <script> (function($) { function getSelected() { if(window.getSelection) { return window.getSelection(); } else if(document.getSelection) { return document.getSelection(); } else { var selection = document.selection && document.selection.createRange(); if(selection.text) { return selection.text; } return false; } return false; } function expand(range) { if (range.collapsed) { return; } while (range.toString()[0].match(/\w/)) { range.setStart(range.startContainer, range.startOffset - 1); } while (range.toString()[range.toString().length - 1].match(/\w/)) { range.setEnd(range.endContainer, range.endOffset + 1); } } $(document).ready(function() { $('body').mouseup(function() { var selectionRange = getSelected().getRangeAt(0); var start = selectionRange.startOffset; expand(selectionRange); var selection = selectionRange.toString(); if(selection && (selection = new String(selection).replace(/^\s+|\s+$/g,''))) { //how to wrap <p> tag for the selection words? } }); }); })(jQuery); </script> <style> p {color:blue; } </style> <body> Facebook needs to scrape your page to know how to display it around the site. Facebook scrapes your page every 24 hours to ensure the properties are up to date. The page is also scraped when an admin for the Open Graph page clicks the Like button and when the URL is entered into the Facebook URL Linter. Facebook observes cache headers on your URLs - it will look at "Expires" and "Cache-Control" in order of preference. However, even if you specify a longer time, Facebook will scrape your page every 24 hours. The user agent of the scraper is: "facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)" </body>

METTRE À JOUR: 

 var new_html = $('body').html().split(selection, 1)[0] + '<p>' + selection + '</p>' + $('body').html().split(selection, 2)[1]; $('body').html(new_html);

Essaye ça: 

 (function($) { function getSelected() { if(window.getSelection) { return window.getSelection(); } else if(document.getSelection) { return document.getSelection(); } else { var selection = document.selection && document.selection.createRange(); if(selection.text) { return selection.text; } return false; } return false; } function expand(range) { if (range.collapsed) { return; } while (range.toString()[0].match(/\w/)) { range.setStart(range.startContainer, range.startOffset - 1); } while (range.toString()[range.toString().length - 1].match(/\w/)) { range.setEnd(range.endContainer, range.endOffset + 1); } } $(document).ready(function() { $('body').mouseup(function() { var selectionRange = getSelected().getRangeAt(0); var start = selectionRange.startOffset; expand(selectionRange); var selection = selectionRange.toString(); if(selection && (selection = new String(selection).replace(/^\s+|\s+$/g,''))) { var el = $('body'); el.html(el.html().replace(selection, "<p>"+selection+"</p>")); } }); }); })(jQuery);

http://jsfiddle.net/CHhJG/