복붙노트

[HTML] 크롬 확장은 텍스트를 선택하세요

HTML

크롬 확장은 텍스트를 선택하세요

해결법


  1. 1.당신은 콜백 함수의 실행 코드에 의해 평가 된 마지막 표현을 사용할 수 있습니다 :

    당신은 콜백 함수의 실행 코드에 의해 평가 된 마지막 표현을 사용할 수 있습니다 :

    chrome.tabs.executeScript( {
      code: "window.getSelection().toString();"
    }, function(selection) {
      document.getElementById("output").value = selection[0];
    });
    

  2. 2.당신은 확장 메시징을 사용하여이 작업을 수행 할 수 있습니다. 기본적으로, 당신의 "배경 페이지는"서비스에 요청을 보낼 것입니다. 예를 들어, 당신은 "팝업"을 가지고 있고 그것을 클릭하면, 그것은 당신의 서비스 인 "Google 검색"을 할 것이라고 할 수 있습니다.

    당신은 확장 메시징을 사용하여이 작업을 수행 할 수 있습니다. 기본적으로, 당신의 "배경 페이지는"서비스에 요청을 보낼 것입니다. 예를 들어, 당신은 "팝업"을 가지고 있고 그것을 클릭하면, 그것은 당신의 서비스 인 "Google 검색"을 할 것이라고 할 수 있습니다.

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

    일부 참조

    또는 당신은이 플러그인을 사용할 수 있습니다


  3. 3.각도 8.2의 경우이 코드를 사용 :

    각도 8.2의 경우이 코드를 사용 :

    chrome.tabs.executeScript( { code: 'window.getSelection().toString();'}, selectedText => {
     (document.getElementById('text-input') as HTMLInputElement).value = selectedText[0];
      console.log(selectedText[0]);
    });
    
  4. from https://stackoverflow.com/questions/19164474/chrome-extension-get-selected-text by cc-by-sa and MIT license