אפשר לעשות קישור למלל מסויים בדף, הידעתם?
-
הוספתי למעלה בפוסט הראשון תיעוד על האפשרות לסמן קטעים מרובים
דוגמה: https://netfree.link/wiki/נטפרי#:~:text=נטפרי הינו,רווח&text=המערכת,נטפרי. -
@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:
זה לא נתמך כרגע בפיירפוקס
יש תוסף לזה, שכולל גם את:
@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:
מה שחסר כרגע הוא תוסף כרום שמייצר לינקים כאלו למילים שאתה מסמן באתר....
-
-
@משרדי אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:
@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);
-
@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:
זה לוקח אותך ישירות לכותרת "תורני" וליתר בהירות, המילים צבועים בצבע צהוב יפה (?)
צריך לעדכן:
https://www.tgspot.co.il/chrome-90-is-here/#:~:text=תכונה,המועדפים. -
@אפרים22 אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:
@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:
זה לוקח אותך ישירות לכותרת "תורני" וליתר בהירות, המילים צבועים בצבע צהוב יפה (?)
צריך לעדכן:
https://www.tgspot.co.il/chrome-90-is-here/#:~:text=תכונה,המועדפים.יש לי את התוסף של גוגל לזה, אבל כשהסרתי אותו לא ראיתי בתפריט הקשר את הפונקציה
-
אופסססס
לא ממש הבנתי כאן משו ואני מקווה שלא אמרו את זה כבר
אבל... בלי הסתבכויות, מהעדכון האחרון של גוגל אפשר ללחוץ לחצן ימני והוא נותן: העתקת קישור לטקסט מודגש... -
@מעלה-ומוריד אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:
@אפרים22 אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:
@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:
זה לוקח אותך ישירות לכותרת "תורני" וליתר בהירות, המילים צבועים בצבע צהוב יפה (?)
צריך לעדכן:
https://www.tgspot.co.il/chrome-90-is-here/#:~:text=תכונה,המועדפים.יש לי את התוסף של גוגל לזה, אבל כשהסרתי אותו לא ראיתי בתפריט הקשר את הפונקציה
יש פה הסבר איך להפעיל את הפונקציה
https://mitmachim.top/topic/22393/ -
Y yossiz התייחס לנושא זה ב