ChatGPT way of highlighting text in a html page and extracting it in a text file. https://shareg.pt/dIVonZZ

1_highlight.js

javascript:(function(){
    // via ChatGPT, https://shareg.pt/dIVonZZ
    var highlights = [];
    var style = document.createElement("style");
    style.type = "text/css";
    style.innerHTML = ".highlight { background-color: yellow !important; color: black !important; }";

    document.getElementsByTagName("head")[0].appendChild(style);

    document.addEventListener("mouseup", function() {
        var selection = window.getSelection().toString();
        if (selection && highlights.indexOf(selection) === -1) {
            highlights.push(selection);
            var range = window.getSelection().getRangeAt(0);
            var highlightElement = document.createElement("span");
            highlightElement.className = "highlight";
            range.surroundContents(highlightElement);
        }
    });

    document.addEventListener("keydown", function(e) {
        if (e.keyCode === 90 && e.ctrlKey && highlights.length > 0) {
            var lastHighlight = highlights.pop();
            var highlightElements = document.getElementsByClassName("highlight");
            for (var i = 0; i < highlightElements.length; i++) {
                if (highlightElements[i].innerText === lastHighlight) {
                    var parent = highlightElements[i].parentNode;
                    while (highlightElements[i].firstChild) {
                        parent.insertBefore(highlightElements[i].firstChild, highlightElements[i]);
                    }
                    parent.removeChild(highlightElements[i]);
                }
            }
        }
    });
})();

2_fetch_highlights.js

javascript:(function() {
  // via ChatGPT
  // Use this code a second bookmarklet and once a page has all highlights via highlight.js bookmarklet,
  // click this bookmarklet to fetch all of highlights in a text file.
  var highlights = document.querySelectorAll('.highlight');
  var text = '';
  for (var i = 0; i < highlights.length; i++) {
    text += '- ' + highlights[i].innerText + '\n';
  }
  var blob = new Blob([text], {type: 'text/plain'});
  var link = document.createElement('a');
  link.href = URL.createObjectURL(blob);
  link.download = 'highlights.txt';
  link.click();
})();