אפשר לעשות קישור למלל מסויים בדף, הידעתם?

[WWW]

@משרדי אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

https://chrome.google.com/webstore/detail/link-to-text-fragment/pbcodcjpfjdpcineamnnmbkkmkdpajjg/related

@yossiz בדקת שזה באמת עונה על כל הדרישות למעלה?

זה הקוד:

/**
 * Copyright 2020 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
((browser) => {
  let DEBUG = false;

  const log = (...args) => {
    if (DEBUG) {
      console.log(...args);
    }
  };

  // Credits: https://stackoverflow.com/a/7381574/6255000
  const snapSelectionToWord = (sel) => {
    if (!sel.isCollapsed) {
      // Detect if selection is backwards
      const range = document.createRange();
      range.setStart(sel.anchorNode, sel.anchorOffset);
      range.setEnd(sel.focusNode, sel.focusOffset);
      const direction = range.collapsed ?
        ['backward', 'forward'] :
        ['forward', 'backward'];
      range.detach();

      // modify() works on the focus of the selection
      const endNode = sel.focusNode;
      const endOffset = sel.focusOffset;
      sel.collapse(sel.anchorNode, sel.anchorOffset);
      sel.modify('move', direction[0], 'character');
      sel.modify('move', direction[1], 'word');
      sel.extend(endNode, endOffset);
      sel.modify('extend', direction[1], 'character');
      sel.modify('extend', direction[0], 'word');
    }
    return sel.toString().trim();
  };

  const getPreviousNode = (anchorNode) => {
    let seenAnchorNode = false;
    const treeWalker = document.createTreeWalker(
        document.body,
        NodeFilter.SHOW_TEXT,
        {
          acceptNode: (node) => {
            if (node.isSameNode(anchorNode)) {
              seenAnchorNode = true;
              return NodeFilter.FILTER_SKIP;
            }
            if (seenAnchorNode) {
              return NodeFilter.FILTER_SKIP;
            }
            return node.parentNode.offsetParent &&
            node.nodeValue.replace(/\s/g, '') ?
            NodeFilter.FILTER_ACCEPT :
            NodeFilter.FILTER_SKIP;
          },
        },
    );
    let previousNode = null;
    let currentNode = null;
    while ((currentNode = treeWalker.nextNode())) {
      previousNode = currentNode;
    }
    return previousNode;
  };

  const getNextNode = (focusNode) => {
    let seenFocusNode = false;
    const treeWalker = document.createTreeWalker(
        document.body,
        NodeFilter.SHOW_TEXT,
        {
          acceptNode: (node) => {
            if (node.isSameNode(focusNode)) {
              seenFocusNode = true;
              return NodeFilter.FILTER_SKIP;
            }
            if (!seenFocusNode) {
              return NodeFilter.FILTER_SKIP;
            }
            return node.parentNode.offsetParent &&
            node.nodeValue.replace(/\s/g, '') ?
            NodeFilter.FILTER_ACCEPT :
            NodeFilter.FILTER_SKIP;
          },
        },
    );
    return treeWalker.nextNode();
  };

  const getClosestID = (root) => {
    if (root.id) {
      return root.id;
    }
    let seenRoot = false;
    const treeWalker = document.createTreeWalker(
        document.body,
        NodeFilter.SHOW_ELEMENT,
        {
          acceptNode: (node) => {
            if (node.isSameNode(root)) {
              seenRoot = true;
            }
            return node.offsetParent && node.hasAttribute('id') && !seenRoot ?
            NodeFilter.FILTER_ACCEPT :
            NodeFilter.FILTER_SKIP;
          },
        },
    );
    let nodeWithID = null;
    let currentNode = null;
    while ((currentNode = treeWalker.nextNode())) {
      nodeWithID = currentNode;
    }
    return nodeWithID ? nodeWithID.id : null;
  };

  const getText = (sendResponse) => {
    const selection = window.getSelection();
    const selectedText = snapSelectionToWord(selection);
    let {anchorNode, anchorOffset, focusNode, focusOffset} = selection;
    // If the selection is backward across nodes, swap the nodes.
    if (
      anchorNode.compareDocumentPosition(focusNode) ===
      Node.DOCUMENT_POSITION_PRECEDING
    ) {
      [anchorNode, focusNode] = [focusNode, anchorNode];
    }
    const pageText = document.body.innerText.trim();
    const textBeforeSelection = anchorNode.data.substr(0, anchorOffset).trim();
    const textAfterSelection = focusNode.data.substr(focusOffset).trim();
    const closestElementFragment = getClosestID(anchorNode.parentNode);
    const previousNode = getPreviousNode(anchorNode);
    const nextNode = getNextNode(focusNode);
    const textNodeBeforeSelection = previousNode ?
      previousNode.nodeType === 3 ?
        previousNode.nodeValue :
        previousNode.innerText :
      '';
    const textNodeAfterSelection = nextNode ?
      nextNode.nodeType === 3 ?
        nextNode.nodeValue :
        nextNode.innerText :
      '';
    const data = {
      selectedText,
      pageText,
      textBeforeSelection,
      textAfterSelection,
      textNodeBeforeSelection,
      textNodeAfterSelection,
      closestElementFragment,
    };
    log(data);
    return data;
  };

  const reportSuccess = (url) => {
    log(url);
    const style = document.createElement('style');
    document.head.append(style);
    const sheet = style.sheet;
    sheet.insertRule(`
      ::selection {
        color: #000 !important;
        background-color: #ffff00 !important;
      }`);
    window.setTimeout(() => style.remove(), 2000);
    return true;
  };

  const reportFailure = () => {
    window.queueMicrotask(() => {
      alert(
          `🛑 ${browser.i18n.getMessage(
              'extension_name',
          )}:\n${browser.i18n.getMessage('link_failure')}`,
      );
    });
    return true;
  };

  browser.runtime.onMessage.addListener((request, _, sendResponse) => {
    const message = request.message;
    if (message === 'get-text') {
      return sendResponse(getText());
    } else if (message === 'success') {
      return sendResponse(reportSuccess(request.data));
    } else if (message === 'failure') {
      return sendResponse(reportFailure());
    } else if (message === 'debug') {
      return sendResponse((DEBUG = request.data) || true);
    } else if (message === 'ping') {
      return sendResponse('pong');
    }
  });
})(window.chrome || window.browser);

[אפרים22]

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

זה לוקח אותך ישירות לכותרת "תורני" וליתר בהירות, המילים צבועים בצבע צהוב יפה (?)

צריך לעדכן:
https://www.tgspot.co.il/chrome-90-is-here/#:~:text=תכונה,המועדפים.

[מעלה ומוריד]

@אפרים22 אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

זה לוקח אותך ישירות לכותרת "תורני" וליתר בהירות, המילים צבועים בצבע צהוב יפה (?)

צריך לעדכן:
https://www.tgspot.co.il/chrome-90-is-here/#:~:text=תכונה,המועדפים.

יש לי את התוסף של גוגל לזה, אבל כשהסרתי אותו לא ראיתי בתפריט הקשר את הפונקציה

[כיפה אדומה]

אופסססס
לא ממש הבנתי כאן משו ואני מקווה שלא אמרו את זה כבר
אבל... בלי הסתבכויות, מהעדכון האחרון של גוגל אפשר ללחוץ לחצן ימני והוא נותן: העתקת קישור לטקסט מודגש...

[אפרים22]

@מעלה-ומוריד אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

@אפרים22 אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

זה לוקח אותך ישירות לכותרת "תורני" וליתר בהירות, המילים צבועים בצבע צהוב יפה (?)

צריך לעדכן:
https://www.tgspot.co.il/chrome-90-is-here/#:~:text=תכונה,המועדפים.

יש לי את התוסף של גוגל לזה, אבל כשהסרתי אותו לא ראיתי בתפריט הקשר את הפונקציה

יש פה הסבר איך להפעיל את הפונקציה
https://mitmachim.top/topic/22393/

[yossiz]

סוף סוף נוסף תמיכה לתכונה בגירסת פיירפוקס האחרונה
עדיין צריך תוסף כדי להעתיק קישור לטקסט מסויים ללוח