Получить выделенный текст веб-страницы в расширении google chrome

Question

Я разрабатываю расширение Google Chrome. Когда щелкнули всплывающее окно, я хотел бы, чтобы окно ввода присутствовало в файле popup.html, чтобы содержать выделенный текст текущей веб-страницы.

Пример текстового поля:

<input id="searchBox" type="text" /> 

Когда текст выбран в веб-страницы, текстовое поле должно содержать выбранное слово. Я пробовал с chrome.extension.getBackgroundPage().getSelection(), но он не работает.

Answer 1

Был нить об этом на Google группах: how to get HTML code from selection?

var selection = window.getSelection(); 
var range = selection.getRangeAt(0); 
if (range) { 
    var div = document.createElement('div'); 
    div.appendChild(range.cloneContents()); 
    alert(div.innerHTML); 
} 

Вы можете использовать это в консоли или в виде плагина, в любом случае.

Answer 2

То, что вы пытаетесь сделать, требует довольно много кодирования из-за чрезвычайных мер предосторожности Chrome.

chrome.extension.getBackgroundPage().getSelection() не будет работать, потому что «BackgroundPage» не является текущей веб-страницей. Вам нужно что-то вроде:

chrome.tabs.executeScript(null, {code:"alert(window.getSelection().toString());"}) 
//alerts the selected text 

Однако, чтобы передать этот текст обратно в всплывающее окно представляет собой длительный и мигрень вызывающие процесс. Прочитайте Contentscripts and Extension Messaging если вы заинтересованы.

Answer 3

здесь еще одно простое решение, чтобы получить выбранный текст в виде строки, вы можете использовать эту строку легко присоединять Div элемент ребенка в код:

   var text = ''; 
       if(window.getSelection){ 
       text = window.getSelection(); 
       }else if(document.getSelection){ 
       text = document.getSelection(); 
       }else if(document.selection){ 
       text = document.selection.createRange().text; 
       } 
       text=text.toString();