Ggthjy

If Manufacturer spice model and Datasheet give different values which should I use?

What typically incentivizes a professor to change jobs to a lower ranking university?

How do we improve the relationship with a client software team that performs poorly and is becoming less collaborative?

Why did the Germans forbid the possession of pet pigeons in Rostov-on-Don in 1941?

Why has Russell's definition of numbers using equivalence classes been finally abandoned? ( If it has actually been abandoned).

Is it possible to do 50 km distance without any previous training?

How can the DM most effectively choose 1 out of an odd number of players to be targeted by an attack or effect?

Accidentally leaked the solution to an assignment, what to do now? (I'm the prof)

Concept of linear mappings are confusing me

Why Is Death Allowed In the Matrix?

What are these boxed doors outside store fronts in New York?

Non-Jewish family in an Orthodox Jewish Wedding

Do airline pilots ever risk not hearing communication directed to them specifically, from traffic controllers?

When blogging recipes, how can I support both readers who want the narrative/journey and ones who want the printer-friendly recipe?

How to determine if window is maximised or minimised from bash script

"which" command doesn't work / path of Safari?

N.B. ligature in Latex

declaring a variable twice in IIFE

Why was the small council so happy for Tyrion to become the Master of Coin?

What is the command to reset a PC without deleting any files

How to make payment on the internet without leaving a money trail?

Copenhagen passport control - US citizen

Could a US political party gain complete control over the government by removing checks & balances?

Infinite past with a beginning?

Replacing GitHub usernames with links

JavaScript app to search GitHub using JSON APIInterupt redirect to catch potential newsletter signupGitHub API based appGithub Issue ViewerGithub paginationReplacing DOM elements that have no attributesClassifying top and bottom navigation linksOpening links in a new tab or windowSimple jQuery plugin that excerpt textUpdates href values for a limited collection of links on a page

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}

3

$begingroup$

A user wrote an issue asking if inside the bio (or any arbitrary tag), any tagged accounts can be automatically linked like on Github.

I gave them this function:

  <script>

    let bio = "The coolest company to work for is @github!  There is also @aws and @microsoft.";

    let linkedBio = "";

    let found = false;

    let link = "";

    for (let i = 0; i < bio.length; i++) {

      let currentChar = bio[i];



      if (currentChar.startsWith("@")) {

        link += currentChar;

        found = true;

        continue // we don't need to look at other chars until next iterations

      }



      if (found) {

        if (/[^A-Za-z0-9]/.test(currentChar)) { // we found the end of the link (you can add more special chars to this)

          let tag = "<a href=https://github.com/" + link.substr(1) + ">" + link + "</a>"

          linkedBio += tag + currentChar // we add the special char at the end of the tag so that it actually appears, otherwise it does not

          link = "";

          found = false;

        } else {

          link += currentChar;

        }

      } else {

        linkedBio += currentChar;

      }

    }



    if (link.length > 0) { // means we need to add a link that is the last possible thing without anything after it

      let tag = "<a href=https://github.com/" + link.substr(1) + ">" + link + "</a>"

      linkedBio += tag

    }



    document.getElementById("bio").innerHTML = linkedBio

  </script>

I was going to use string.split(" "), but then I realized that if I did that I would destroy the specific formatting of the text if I used array.join(" ") after all of the formatting changes.

Ex:
Original: "I work for the coolest companies: @aws, @microsoft, and @apple"

Joined: "I work for the coolest companies: @aws , @microsoft , and @apple"

The commas are messed up.

Is there a way to slim it down and/or simplify it? JS isn't my strongest language.

javascript dom

share|improve this question

edited Apr 2 at 1:20

200_success

131k17157422

asked Apr 1 at 20:30

LandonLandon

183

New contributor

Landon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

$endgroup$

add a comment | 

3

$begingroup$

A user wrote an issue asking if inside the bio (or any arbitrary tag), any tagged accounts can be automatically linked like on Github.

I gave them this function:

  <script>

    let bio = "The coolest company to work for is @github!  There is also @aws and @microsoft.";

    let linkedBio = "";

    let found = false;

    let link = "";

    for (let i = 0; i < bio.length; i++) {

      let currentChar = bio[i];



      if (currentChar.startsWith("@")) {

        link += currentChar;

        found = true;

        continue // we don't need to look at other chars until next iterations

      }



      if (found) {

        if (/[^A-Za-z0-9]/.test(currentChar)) { // we found the end of the link (you can add more special chars to this)

          let tag = "<a href=https://github.com/" + link.substr(1) + ">" + link + "</a>"

          linkedBio += tag + currentChar // we add the special char at the end of the tag so that it actually appears, otherwise it does not

          link = "";

          found = false;

        } else {

          link += currentChar;

        }

      } else {

        linkedBio += currentChar;

      }

    }



    if (link.length > 0) { // means we need to add a link that is the last possible thing without anything after it

      let tag = "<a href=https://github.com/" + link.substr(1) + ">" + link + "</a>"

      linkedBio += tag

    }



    document.getElementById("bio").innerHTML = linkedBio

  </script>

I was going to use string.split(" "), but then I realized that if I did that I would destroy the specific formatting of the text if I used array.join(" ") after all of the formatting changes.

Ex:
Original: "I work for the coolest companies: @aws, @microsoft, and @apple"

Joined: "I work for the coolest companies: @aws , @microsoft , and @apple"

The commas are messed up.

Is there a way to slim it down and/or simplify it? JS isn't my strongest language.

javascript dom

share|improve this question

edited Apr 2 at 1:20

200_success

131k17157422

asked Apr 1 at 20:30

LandonLandon

183

New contributor

Landon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

$endgroup$

add a comment | 

$begingroup$

A user wrote an issue asking if inside the bio (or any arbitrary tag), any tagged accounts can be automatically linked like on Github.

I gave them this function:

  <script>

    let bio = "The coolest company to work for is @github!  There is also @aws and @microsoft.";

    let linkedBio = "";

    let found = false;

    let link = "";

    for (let i = 0; i < bio.length; i++) {

      let currentChar = bio[i];



      if (currentChar.startsWith("@")) {

        link += currentChar;

        found = true;

        continue // we don't need to look at other chars until next iterations

      }



      if (found) {

        if (/[^A-Za-z0-9]/.test(currentChar)) { // we found the end of the link (you can add more special chars to this)

          let tag = "<a href=https://github.com/" + link.substr(1) + ">" + link + "</a>"

          linkedBio += tag + currentChar // we add the special char at the end of the tag so that it actually appears, otherwise it does not

          link = "";

          found = false;

        } else {

          link += currentChar;

        }

      } else {

        linkedBio += currentChar;

      }

    }



    if (link.length > 0) { // means we need to add a link that is the last possible thing without anything after it

      let tag = "<a href=https://github.com/" + link.substr(1) + ">" + link + "</a>"

      linkedBio += tag

    }



    document.getElementById("bio").innerHTML = linkedBio

  </script>

I was going to use string.split(" "), but then I realized that if I did that I would destroy the specific formatting of the text if I used array.join(" ") after all of the formatting changes.

Ex:
Original: "I work for the coolest companies: @aws, @microsoft, and @apple"

Joined: "I work for the coolest companies: @aws , @microsoft , and @apple"

The commas are messed up.

Is there a way to slim it down and/or simplify it? JS isn't my strongest language.

javascript dom

share|improve this question

edited Apr 2 at 1:20

200_success

131k17157422

asked Apr 1 at 20:30

LandonLandon

183

New contributor

Landon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

$endgroup$

  <script>

    let bio = "The coolest company to work for is @github!  There is also @aws and @microsoft.";

    let linkedBio = "";

    let found = false;

    let link = "";

    for (let i = 0; i < bio.length; i++) {

      let currentChar = bio[i];



      if (currentChar.startsWith("@")) {

        link += currentChar;

        found = true;

        continue // we don't need to look at other chars until next iterations

      }



      if (found) {

        if (/[^A-Za-z0-9]/.test(currentChar)) { // we found the end of the link (you can add more special chars to this)

          let tag = "<a href=https://github.com/" + link.substr(1) + ">" + link + "</a>"

          linkedBio += tag + currentChar // we add the special char at the end of the tag so that it actually appears, otherwise it does not

          link = "";

          found = false;

        } else {

          link += currentChar;

        }

      } else {

        linkedBio += currentChar;

      }

    }



    if (link.length > 0) { // means we need to add a link that is the last possible thing without anything after it

      let tag = "<a href=https://github.com/" + link.substr(1) + ">" + link + "</a>"

      linkedBio += tag

    }



    document.getElementById("bio").innerHTML = linkedBio

  </script>

share|improve this question

edited Apr 2 at 1:20

200_success

131k17157422

asked Apr 1 at 20:30

LandonLandon

183

New contributor

Landon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this question

edited Apr 2 at 1:20

200_success

131k17157422

asked Apr 1 at 20:30

LandonLandon

183

New contributor

Landon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

edited Apr 2 at 1:20

200_success

131k17157422

edited Apr 2 at 1:20

200_success

131k17157422

asked Apr 1 at 20:30

LandonLandon

183

New contributor

Landon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked Apr 1 at 20:30

LandonLandon

183

1 Answer
1

active

oldest

votes

3

$begingroup$

The function you want is replace:

function link_ats(text) { 

    return text.replace( /@(w+)/g, '<a href=https://github.com/$1>@$1</a>' ) 

}



document.getElementById("bio").innerHTML = link_ats("The coolest company to work for is @github!  There is also @aws and @microsoft.", "bio");

share|improve this answer

answered Apr 1 at 22:13

Oh My GoodnessOh My Goodness

2,202315

$endgroup$

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function () {
return StackExchange.using("mathjaxEditing", function () {
StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix) {
StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["\$", "\$"]]);
});
});
}, "mathjax-editing");

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "196"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});

Landon is a new contributor. Be nice, and check out our Code of Conduct.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f216685%2freplacing-github-usernames-with-links%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

3

$begingroup$

The function you want is replace:

function link_ats(text) { 

    return text.replace( /@(w+)/g, '<a href=https://github.com/$1>@$1</a>' ) 

}



document.getElementById("bio").innerHTML = link_ats("The coolest company to work for is @github!  There is also @aws and @microsoft.", "bio");

share|improve this answer

answered Apr 1 at 22:13

Oh My GoodnessOh My Goodness

2,202315

$endgroup$

add a comment | 

3

$begingroup$

The function you want is replace:

function link_ats(text) { 

    return text.replace( /@(w+)/g, '<a href=https://github.com/$1>@$1</a>' ) 

}



document.getElementById("bio").innerHTML = link_ats("The coolest company to work for is @github!  There is also @aws and @microsoft.", "bio");

share|improve this answer

answered Apr 1 at 22:13

Oh My GoodnessOh My Goodness

2,202315

$endgroup$

add a comment | 

$begingroup$

The function you want is replace:

function link_ats(text) { 

    return text.replace( /@(w+)/g, '<a href=https://github.com/$1>@$1</a>' ) 

}



document.getElementById("bio").innerHTML = link_ats("The coolest company to work for is @github!  There is also @aws and @microsoft.", "bio");

share|improve this answer

answered Apr 1 at 22:13

Oh My GoodnessOh My Goodness

2,202315

$endgroup$

function link_ats(text) { 

    return text.replace( /@(w+)/g, '<a href=https://github.com/$1>@$1</a>' ) 

}



document.getElementById("bio").innerHTML = link_ats("The coolest company to work for is @github!  There is also @aws and @microsoft.", "bio");

share|improve this answer

answered Apr 1 at 22:13

Oh My GoodnessOh My Goodness

2,202315

answered Apr 1 at 22:13

Oh My GoodnessOh My Goodness

2,202315

answered Apr 1 at 22:13

Oh My GoodnessOh My Goodness

2,202315