Text fragment creating using JavaScript

Question

I have a string like below -

var text="this is <b>a sample</b> long text. <i>Sample <b>tex</b>t <u>containing</u> some</i> bold underlined and it<i>alics wo</i>rds."

I want a JavaScript array like this

var textArr = [
  "this is ",
  "<b>a sample</b>",
  " long text. ",
  " ",
  "<i>Sample</i>",
  " ",
  "<i><b>tex</b></i>",
  "<i>t</i>",
  " ",
  "<i><u>containing</u></i>",
  " ",
  "<i>some</i>",
  " bold underlined and it",
  "<i>alics wo</i>",
  "rds" 
];

I need this because I need each fragment so that I can create that formatted canvas text object and place them on canvas. Can anyone please help me on this?

The second answer here seems pretty relevant: stackoverflow.com/questions/4247838/… Also, please use modern HTML tags, <strong> and <em> instead of <i> and <b>. — cactus1
– cactus1, Commented Feb 13, 2014 at 15:32

Emil Condrea · Accepted Answer · 2014-02-13 15:57:46Z

1

You can use this piece of code:

var text="this is <b>a sample</b> long text. <i>Sample <b>tex</b>t <u>containing</u> some</i> bold underlined and it<i>alics wo</i>rds."

var t = document.createElement("div")
t.innerHTML = text;

var textArr = t.childNodes;

answered Feb 13, 2014 at 15:57

Emil Condrea

9,9937 gold badges35 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

Text fragment creating using JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related