String replace logic

Question

I'm trying to build a function, that receives a string with this format:

"hello wor**"

The * could be anywhere on the string.

It should return:

<span>hello wor</span><input type='text'></input>

So the string could be "hel** wor*d" also

and the return should be:

<span>hel</span><input type='text'> <span>wor</span><input type='text'><span>d</span>

I could do it easily with a loop on each char, but I'm looking for more elegant solutions.

I think that it could be solved with a regex, and using replace I got the "*" covered:

var text = "hello wor**";
text.replace(/\*+/g, "<input type='text'></input>");

I have not yet found a way of capturing the remaining text to render the

<span>

Thanks for your suggestions, that would work for the example string, but not for "hel** world" for example. The * could be anywhere on the string. — Alex Takitani
– Alex Takitani, Commented May 31, 2017 at 17:00

Ilario Pierbattista · Accepted Answer · 2017-05-31 18:37:54Z

1

You're not using the result of the replace function. Try this:

var text = "*hel** wor*d*";
var element = text.split(/\s*\*+\s*/g);
element = "<span>"+ element.join("</span><input type='text'><span>") + "</span>";
element = element.replace(/<span><\/span>/g, "");

console.log(element);

edited May 31, 2017 at 18:37

answered May 31, 2017 at 16:36

Ilario Pierbattista

3,2752 gold badges36 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Alex Takitani Over a year ago

thanks for your answer, I've edited the question to clarify some points.

Jonas Wilms Over a year ago

@AlexTakitani this answer is just missing a "<span>" at the second replace param and a +"</span>" at the end to work

Ilario Pierbattista Over a year ago

@AlexTakitani Sorry, you are right. Now it should work :)

Alex Takitani Over a year ago

Thank you @IlarioPierbattista very clever solution!

Rodrigo Leite · Accepted Answer · 2017-05-31 16:35:52Z

1

'hello wor**'.replace(/\*+/g, "<input type='text'></input>");

This returns hello wor. All you have to do is concatenate the string with the rest of the data you want, like so:

var text = "hello wor**";
text = '<span>' + text.replace(/\*+/g, '') + '</span><input type=\'text\'></input>';

answered May 31, 2017 at 16:35

Rodrigo Leite

5965 silver badges22 bronze badges

1 Comment

Alex Takitani Over a year ago

thanks for your answer, I've edited the question to clarify some points.

J nui · Accepted Answer · 2017-05-31 16:52:28Z

0

<html>
  <head>
  </head>
  <body>
    <span id="hi">hello wor**</span> 
  </body>
</html>

i use jquery in this

$( document ).ready(function() {
        var texty = $('#hi').text();

        $('#hi').replaceWith(texty.replace(/\*+/g, "<input type='text'></input>"))
    });

answered May 31, 2017 at 16:52

J nui

3003 silver badges13 bronze badges

1 Comment

Alex Takitani Over a year ago

thanks for your answer, I've edited the question to clarify some points.

Collectives™ on Stack Overflow

String replace logic

3 Answers 3

4 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related