La création d'une extension chrome qui prend en surbrillance le texte sur la page et l'insère dans un textarea dans popup.html

J'ai passé plusieurs heures à chercher sur le web pour trouver des solutions. Ce que je voudrais faire est de prendre le texte sélectionné sur une page et de les transférer à un textarea dans le popup.html de l'extension chrome. Je me demandais si quelqu'un pouvait me fournir suggéré code source d'une extension qui pourrait faire cela.

C'est le plus pertinent thread, j'ai regardé, je pensais qu'elle serait plus utile - requête est similaire. Bouton dans une fenêtre contextuelle qui obtiennent le texte sélectionné - extension Chrome

J'ai essayé de copier le code et l'exécution comme une extension, il n'est pas d'obtenir le texte en surbrillance. Je me demandais si quelqu'un a des suggestions et comment résoudre ce problème. Je vous remercie beaucoup.

OriginalL'auteur user1982011 | 2013-01-16

  1. 13

      Bien tout comme la réponse à la question que vous vous êtes connecté, vous aurez besoin de faire usage de La Transmission De Message et Le Contenu Des Scripts. Ce code est de plus de 2 ans et fait usage de l'amorti des méthodes telles que onRequest et getSelected. Quelques simples modifications devraient être beaucoup à le mettre à jour vers la nouvelle api.

    Popup.html

    <!DOCTYPE html> 
<html>
  <head>
    <script src="jquery-1.8.3.min.js"></script>
    <script src="popup.js"></script>
    <style>
      body { width: 300px; }
      textarea { width: 250px; height: 100px;}
    </style>
  </head>
  <body>
    <textarea id="text"> </textarea>
    <button id="paste">Paste Selection</button>
  </body>
</html>

    popup.js (afin de ne pas avoir tout le code en ligne)

    $(function(){
  $('#paste').click(function(){pasteSelection();});
});
function pasteSelection() {
  chrome.tabs.query({active:true, windowId: chrome.windows.WINDOW_ID_CURRENT}, 
  function(tab) {
    chrome.tabs.sendMessage(tab[0].id, {method: "getSelection"}, 
    function(response){
      var text = document.getElementById('text'); 
      text.innerHTML = response.data;
    });
  });
}

    selection.js

    chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.method == "getSelection")
    sendResponse({data: window.getSelection().toString()});
  else
    sendResponse({}); //snub them.
});

    manifeste.json

    {
 "name": "Selected Text",
 "version": "0.1",
 "description": "Selected Text",
 "manifest_version": 2,
 "browser_action": {
   "default_title": "Selected Text",
   "default_icon": "online.png",
   "default_popup": "popup.html" 
 },
 "permissions": [
   "tabs",
   "<all_urls>"
 ],
 "content_scripts": [
   {
     "matches": ["<all_urls>"],
     "js": ["selection.js"],
     "run_at": "document_start",
     "all_frames": true
   }
 ]
}

    Ici est un lien vers des fichiers source.

    votre code est partielle et ne fonctionne pas pour plusieurs images dans une page en raison de var text = document.getElementById('text'); text.innerHTML = response.data; dans popup.js
    Je suppose que vous n'avez pas lu la question, parce que je me suis contenté de lui montrer ce qui n'allait pas avec le code qu'il a lié.
    Salut, merci beaucoup pour la mise en autant d'efforts dans ce! J'ai essayé en copiant le code ci-dessus et l'enregistrer en tant que fichiers séparés, et puis l'exécution de cette comme un pique-extension, mais malheureusement il n'a pas d'enlever tout le texte mis en évidence, lors de l'exécution de ce fait-il fonctionner? Merci beaucoup encore pour votre aide!
    Oui, il a travaillé pour moi. Avez-vous assurez-vous de rafraîchir la page avant de vous essayé de l'utiliser? Il doit injecter le script avant de pouvoir travailler.
    merci beaucoup!! qui a fait le tour!!

    OriginalL'auteur BeardFist

  2. 2

    popup.js

    chrome.tabs.executeScript( {
  code: "window.getSelection().toString();"
}, function(selection) {
  alert(selection[0]);
});

    manifeste.json

    "permissions": [
    "activeTab",
],

    Jetez un oeil à cette simple extension https://github.com/kelly-apollo/zdic

    OriginalL'auteur Kelly Apollo