{"id":1037,"date":"2020-10-10T16:01:18","date_gmt":"2020-10-10T23:01:18","guid":{"rendered":"https:\/\/www.ghosh.com\/blog\/?page_id=1037"},"modified":"2021-09-19T12:29:26","modified_gmt":"2021-09-19T19:29:26","slug":"tfl","status":"publish","type":"page","link":"https:\/\/www.ghosh.com\/blog\/tfl\/","title":{"rendered":"Text Fragment Linker"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-sizes-top:1px;--awb-border-sizes-bottom:1px;--awb-border-sizes-left:1px;--awb-border-sizes-right:1px;--awb-border-color:#555c6e;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:20px;--awb-padding-right:30px;--awb-padding-bottom:0px;--awb-padding-left:30px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-background-color:rgba(188,198,223,0.4);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-bottom:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-one\" style=\"--awb-text-color:#fa225b;--awb-margin-top-small:0px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;\"><h1 class=\"fusion-title-heading title-heading-center\" style=\"margin:0;\"><span style=\"background-color: #ffff00;\">Text Fragment<\/span> Linker<\/h1><\/div><div class=\"fusion-text fusion-text-1\" style=\"--awb-font-size:20px;--awb-line-height:1.2em;--awb-text-color:#7a89ab;\"><p style=\"text-align: center;\">Create a link to a page that also highlights specific text on that page.<br \/>\n(<a href=\"https:\/\/en.wikipedia.org\/wiki\/Wikipedia#:~:text=In%20January%202007%2C%20Wikipedia%20entered%20for%20the%20first%20time,accumulation%22.\" target=\"_blank\" rel=\"noopener noreferrer\">Click here<\/a> to see an example in action)<\/p>\n<\/div><style>\/* Initially hide Copy button *\/\r\n#buttonCopy { opacity: 0; }<\/style><div class=\"fusion-form fusion-form-builder fusion-form-form-wrapper fusion-form-1039\" style=\"--awb-margin-bottom:0px;--awb-tooltip-text-color:#ffffff;--awb-tooltip-background-color:#333333;--awb-field-margin-top:0px;--awb-field-margin-bottom:0px;--awb-form-input-height:36px;--awb-form-font-size:24px;--awb-form-placeholder-color:rgba(122,137,171,0.5);--awb-form-text-color:#7a89ab;\" data-form-id=\"1039\" data-config=\"{&quot;form_id&quot;:&quot;1039&quot;,&quot;form_post_id&quot;:&quot;1039&quot;,&quot;post_id&quot;:1037,&quot;form_type&quot;:&quot;ajax&quot;,&quot;confirmation_type&quot;:&quot;message&quot;,&quot;redirect_url&quot;:&quot;&quot;,&quot;redirect_timeout&quot;:&quot;0&quot;,&quot;field_labels&quot;:{&quot;web_page_url&quot;:&quot;&quot;,&quot;start_text&quot;:&quot;&quot;,&quot;end_text&quot;:&quot;&quot;},&quot;field_logics&quot;:{&quot;web_page_url&quot;:&quot;&quot;,&quot;start_text&quot;:&quot;&quot;,&quot;end_text&quot;:&quot;&quot;},&quot;field_types&quot;:{&quot;web_page_url&quot;:&quot;text&quot;,&quot;start_text&quot;:&quot;text&quot;,&quot;end_text&quot;:&quot;text&quot;},&quot;nonce_method&quot;:&quot;ajax&quot;,&quot;form_views&quot;:&quot;ajax&quot;,&quot;form_views_counting&quot;:&quot;all&quot;}\"><form action=\"https:\/\/www.ghosh.com\/blog\/tfl\/\" method=\"post\" class=\"fusion-form fusion-form-1039\"><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:calc( 100% + 0px ) !important;max-width:calc( 100% + 0px ) !important;margin-left: calc(-0px \/ 2 );margin-right: calc(-0px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_2_5 2_5 fusion-flex-column fusion-flex-align-self-flex-start\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:40%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-2\"><p><strong>Web page URL:*<\/strong><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_3_5 3_5 fusion-flex-column fusion-flex-align-self-flex-start\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:60%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-form-field fusion-form-text-field fusion-form-label-above\" style=\"\" data-form-id=\"1039\"><div class=\"fusion-form-input-with-icon\"><i class=\"awb-form-icon icon-hawconscloud\"><\/i><input type=\"text\" autocomplete=\"off\" name=\"web_page_url\" id=\"web_page_url\" value=\"\"  class=\"fusion-form-input\" required=\"true\" aria-required=\"true\" data-holds-private-data=\"false\" minlength=\"0\"\/><\/div><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_2_5 2_5 fusion-flex-column fusion-flex-align-self-flex-start\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:40%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-3\"><p><strong>Text (or Start of text) to highlight:*<\/strong><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_3_5 3_5 fusion-flex-column fusion-flex-align-self-flex-start\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:60%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-form-field fusion-form-text-field fusion-form-label-above\" style=\"\" data-form-id=\"1039\"><div class=\"fusion-form-input-with-icon\"><i class=\"awb-form-icon icon-hawconsnotebook-text\"><\/i><input type=\"text\" autocomplete=\"off\" name=\"start_text\" id=\"start_text\" value=\"\"  class=\"fusion-form-input\" required=\"true\" aria-required=\"true\" data-holds-private-data=\"false\" minlength=\"0\"\/><\/div><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_2_5 2_5 fusion-flex-column fusion-flex-align-self-flex-start\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:40%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-4\"><p>End of text to highlight:<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_3_5 3_5 fusion-flex-column fusion-flex-align-self-flex-start\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:60%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-form-field fusion-form-text-field fusion-form-label-above\" style=\"\" data-form-id=\"1039\"><div class=\"fusion-form-input-with-icon\"><i class=\"awb-form-icon icon-hawconsnotebook-text\"><\/i><input type=\"text\" autocomplete=\"off\" name=\"end_text\" id=\"end_text\" value=\"\"  class=\"fusion-form-input\" placeholder=\"(optional) \" data-holds-private-data=\"false\" minlength=\"0\"\/><\/div><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:20px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;width:100%;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:rgba(122,137,171,0.5);border-color:rgba(122,137,171,0.5);border-top-width:1px;\"><\/div><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_2_5 2_5 fusion-flex-column fusion-flex-align-self-flex-start\" style=\"--awb-padding-top:0px;--awb-padding-right:2%;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-bg-size:cover;--awb-width-large:40%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:calc( 0.05 * calc( 100% - 0 ) );--awb-margin-bottom-large:0px;--awb-spacing-left-large:calc( 0.05 * calc( 100% - 0 ) );--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div ><a class=\"fusion-button button-flat fusion-button-default-size button-default fusion-button-default button-1 fusion-button-span-yes fusion-button-default-type\" target=\"_self\" href=\"javascript:createChromeDeepLink();\" id=\"buttonCreate\"><span class=\"fusion-button-text awb-button__text awb-button__text--default\">Create URL<\/span><i class=\"fa-hand-point-right fas awb-button__icon awb-button__icon--default button-icon-right\" aria-hidden=\"true\"><\/i><\/a><\/div><div ><a class=\"fusion-button button-flat fusion-button-default-size button-lightgray fusion-button-lightgray button-2 fusion-button-span-yes fusion-button-default-type\" target=\"_self\" href=\"javascript:copyDivToClipboard();\" id=\"buttonCopy\"><span class=\"fusion-button-text awb-button__text awb-button__text--default\">Copy URL<\/span><i class=\"fa-paste fas awb-button__icon awb-button__icon--default button-icon-right\" aria-hidden=\"true\"><\/i><\/a><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_3_5 3_5 fusion-flex-column fusion-flex-align-self-center\" style=\"--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:2%;--awb-bg-size:cover;--awb-width-large:60%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:calc( 0.033333333333333 * calc( 100% - 0 ) );--awb-margin-bottom-large:0px;--awb-spacing-left-large:calc( 0.033333333333333 * calc( 100% - 0 ) );--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-center fusion-content-layout-column\"><div class=\"fusion-text fusion-text-5\"><div id=\"DeepLinkURL\" style=\"word-break: break-all; line-height: 1em; vertical-align: middle;\"><\/div>\n<\/div>\n<\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-10 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:20px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><script>\n\n\/\/ Load URL Parameters if any --------------------------------------\n\nconst fieldName_BaseURL = \"web_page_url\";\nconst fieldName_StartText = \"start_text\";\nconst fieldName_EndText = \"end_text\";\n\nif (getUrlParam(\"p\",\"\") != \"\") {\n\tdocument.getElementsByName(fieldName_BaseURL)[0].value = getUrlParam(\"p\",\"\");\n  \tif (decodeURIComponent(getUrlParam(\"s\",\"\")) != \"\") {\n\t\tdocument.getElementsByName(fieldName_StartText)[0].value = decodeURIComponent(getUrlParam(\"s\",\"\"));\n\t\tcreateChromeDeepLink();\n  }\n}\n\n\nfunction getUrlVars() {\n    var vars = {};\n    var parts = window.location.href.replace(\/[?&]+([^=&]+)=([^&]*)\/gi, function(m,key,value) {\n        vars[key] = value;\n    });\n    return vars;\n}\n\nfunction getUrlParam(parameter, defaultvalue){\n    var urlparameter = defaultvalue;\n    if(window.location.href.indexOf(parameter+\"=\") > -1){\n        urlparameter = getUrlVars()[parameter];\n        }\n    return urlparameter;\n}\n\n\/\/ Create URL code --------------------------------------\n\n\tfunction createChromeDeepLink(){\n\t\t\/\/ Selecting the input element and get its value \n\t\tvar BaseURL = document.getElementsByName(fieldName_BaseURL)[0]; \/\/Name must be unique b\/c we take 1st one found\n\t\tvar BaseURLval = BaseURL.value;\n     \tif (BaseURLval == \"\") {\n          alert(\"Please URL of web page to which to link.\");\n          BaseURL.focus(); } \n      \telse {\n          \tvar StartText = document.getElementsByName(fieldName_StartText)[0]; \/\/Name must be unique b\/c we take 1st one found\n        \tvar StartTextval = StartText.value;\n          \tif (StartTextval == \"\") {\n              alert(\"Please enter some text within the web page to highlight.\");\n              StartText.focus(); } \n          \telse {\n        \t\tvar EndTextval = document.getElementsByName(fieldName_EndText)[0].value; \/\/Name must be unique b\/c we take 1st one found\n\t    \t\tconst URLparam = \"#:~:text=\";\n\t    \t\tconst sep = \",\";\n            \n        \t\t\/\/ Calculate DeepLink\n\t        \tvar DeepLinkURL = BaseURLval + URLparam + encodeURIComponent(StartTextval);\n             \t\/* var DeepLinkURL = 'https:\/\/ghosh.com\/t?u=' + escape(DeepLinkURLtemp); *\/\n\t      \t\tif (EndTextval != \"\") DeepLinkURL = DeepLinkURL + sep + encodeURIComponent(EndTextval);\n\t\t    \tvar HTML = '<a href=\"' + DeepLinkURL + '\" rel=\"noopener noreferrer\" target=\"_noop\">' + DeepLinkURL + '<\/a>';\n\n\t\t    \t\/\/ Display result\n\t\t    \tdocument.getElementById(\"DeepLinkURL\").innerHTML = HTML;\n      \n\t      \t\t\/\/ Make Copy button visible\n\t\t\t\tvar button = document.getElementById('buttonCopy');\n\t\t\t\tbutton.style.opacity = 1; \n          \t}\n    \t}\n\t}\n\n\tfunction copyDivToClipboard() {\n\t\tvar range = document.createRange();\n        range.selectNode(document.getElementById(\"DeepLinkURL\"));\n        window.getSelection().removeAllRanges();\t\/\/ clear current selection\n        window.getSelection().addRange(range); \t\t\/\/ to select text\n        document.execCommand(\"copy\");\n        window.getSelection().removeAllRanges(); \t\/\/ to deselect\n        alert (\"URL copied to clipboard\");\n\t}\n\n\/*\n\tfunction showExample() {\n      \tdocument.getElementsByName(fieldName_BaseURL)[0].value = \"https:\/\/en.wikipedia.org\/wiki\/Wikipedia\";\n\t\tdocument.getElementsByName(fieldName_StartText)[0].value = \"Cultural impact\";\n\t\tvar button = document.getElementById('buttonCreate');\n\t\tbutton.focus();\n\t}\n*\/\n\n<\/script><\/div><\/div><\/div><\/div><\/form><\/div><div class=\"fusion-text fusion-text-6 fusion-text-no-margin\" style=\"--awb-font-size:10px;--awb-line-height:1em;--awb-letter-spacing:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-text-font-family:&#039;MS Sans Serif&#039;, Geneva, sans-serif;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p style=\"text-align: right;\">\u00a0<a href=\"https:\/\/ghosh.com\/tfl\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/ghosh.com\/tfl<\/a> &#8211; \u00a9 2020 Samir <a href=\"https:\/\/ghosh.com\" target=\"_blank\" rel=\"noopener noreferrer\">Ghosh.com<\/a><\/p>\n<\/div><\/div><\/div><\/div><\/div><div id=\"howitworks\" class=\"fusion-container-anchor\"><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-margin-top:1%;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion_builder_column_1_5 1_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:20%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-12 fusion_builder_column_3_5 3_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:60%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:3.2%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-one\" style=\"--awb-margin-top-small:0px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;\"><h1 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">How It Works<\/h1><\/div><div class=\"fusion-video fusion-youtube\" style=\"--awb-max-width:600px;--awb-max-height:360px;--awb-align-self:center;--awb-width:100%;\"><div class=\"video-shortcode\"><div class=\"fluid-width-video-wrapper\" style=\"padding-top:60%;\" ><iframe title=\"YouTube video player 1\" src=\"https:\/\/www.youtube.com\/embed\/67ylEGGQVn4?wmode=transparent&autoplay=0&amp;rel=0\" width=\"600\" height=\"360\" allowfullscreen allow=\"autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;\"><\/iframe><\/div><\/div><\/div><div class=\"fusion-text fusion-text-7\"><p>If you&#8217;d like to learn a bit more about how text fragment highlighting works, here is my blog post about how you can build URLs yourself:<\/p>\n<h2 style=\"text-align: center;\"><a href=\"https:\/\/www.ghosh.com\/blog\/how-to-create-a-url-link-that-highlights-and-scrolls-to-a-text-fragment-on-a-web-page\/\" target=\"_blank\" rel=\"noopener noreferrer\">Text Fragment Highlighting<\/a><\/h2>\n<p><a href=\"https:\/\/www.ghosh.com\/blog\/how-to-create-a-url-link-that-highlights-and-scrolls-to-a-text-fragment-on-a-web-page\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"lazyload aligncenter size-large wp-image-1126\" src=\"https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-1024x457.png\" data-orig-src=\"https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-1024x457.png\" alt=\"Abstract sketch of paragraphs of text\" width=\"1024\" height=\"457\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271024%27%20height%3D%27457%27%20viewBox%3D%270%200%201024%20457%27%3E%3Crect%20width%3D%271024%27%20height%3D%27457%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-200x89.png 200w, https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-300x134.png 300w, https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-400x179.png 400w, https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-600x268.png 600w, https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-768x343.png 768w, https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-800x357.png 800w, https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-1024x457.png 1024w, https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2-1200x536.png 1200w, https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Text-Fragment-Linker-featured-image2.png 1416w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-13 fusion_builder_column_1_5 1_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:20%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:5%;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-14 fusion_builder_column_1_5 1_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:20%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-15 fusion_builder_column_3_5 3_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:60%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:3.2%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-one\" style=\"--awb-margin-top-small:0px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;\"><h1 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Bookmarklet<\/h1><\/div><div class=\"fusion-text fusion-text-8\"><p>To further simplify by eliminating the need to copy and paste, below is a bookmarklet that will work from any web page.\u00a0 <strong>Just drag this bookmarklet link onto your bookmarks bar:<\/strong><\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-16 fusion_builder_column_1_5 1_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:20%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-17 fusion_builder_column_1_5 1_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:20%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-18 fusion_builder_column_3_5 3_5 fusion-flex-column\" style=\"--awb-overflow:hidden;--awb-bg-size:cover;--awb-box-shadow: 0px 0px ;;--awb-border-color:#fa225b;--awb-border-top:1px;--awb-border-right:1px;--awb-border-bottom:1px;--awb-border-left:1px;--awb-border-style:solid;--awb-border-radius:4px 4px 4px 4px;--awb-width-large:60%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:3.2%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><a href=\"javascript:(function(){window.open('https:\/\/ghosh.com\/blog\/tfl\/#?p='+window.location.href + '&s=' + encodeURIComponent(window.getSelection().toString()));}) ()\"><img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2747%27%20height%3D%2736%27%20viewBox%3D%270%200%2047%2036%27%3E%3Crect%20width%3D%2747%27%20height%3D%2736%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.ghosh.com\/blog\/wp-content\/uploads\/2020\/10\/Chrome-Bookmark-Globe-1.jpg\" style=\"vertical-align: middle;\" \/>TFL Bookmarklet<\/a><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-19 fusion_builder_column_1_5 1_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:20%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-20 fusion_builder_column_1_5 1_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:20%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-21 fusion_builder_column_3_5 3_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:60%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:3.2%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.2%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-9\"><p>Then, next time you want to create a link to a page, just highlight the text on that page, click the &#8220;TFL Bookmarklet&#8221; bookmark on your bookmarks bar, and this Text Fragment Linker page will open with the appropriate fields already filled in and the URL link already created for you to copy and use.<\/p>\n<\/div><iframe src=\"https:\/\/embed.fleeq.io\/l\/p1d0j7vg60-3q7au04iyr\" frameborder=\"0\" allowfullscreen=\"true\" style=\"width:100%;height:400px\"><\/iframe><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-22 fusion_builder_column_1_5 1_5 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:20%;--awb-flex-grow:0;--awb-flex-shrink:0;--awb-margin-top-large:0px;--awb-spacing-right-large:9.6%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:9.6%;--awb-width-medium:100%;--awb-order-medium:0;--awb-flex-grow-medium:;--awb-flex-shrink-medium:;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-flex-grow-small:;--awb-flex-shrink-small:;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ghosh.com\/blog\/wp-json\/wp\/v2\/pages\/1037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ghosh.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ghosh.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ghosh.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ghosh.com\/blog\/wp-json\/wp\/v2\/comments?post=1037"}],"version-history":[{"count":85,"href":"https:\/\/www.ghosh.com\/blog\/wp-json\/wp\/v2\/pages\/1037\/revisions"}],"predecessor-version":[{"id":1276,"href":"https:\/\/www.ghosh.com\/blog\/wp-json\/wp\/v2\/pages\/1037\/revisions\/1276"}],"wp:attachment":[{"href":"https:\/\/www.ghosh.com\/blog\/wp-json\/wp\/v2\/media?parent=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}