Search jQuery

jQuery Forum

Using jQuery

jqueryguy1

parse textarea characters

in Using jQuery • 4 years ago

Hi.

Please check this site:

http://jsfiddle.net/jsfiddleotc/eJzfw/212/

I would like to take the text in textarea and place it into textarea2 upon form submit. But I would like to limit

the characters per EACH line to 20 characters into textarea2. I would like to do this where a word however does not split or be cutoff at the end of a line and be continued onto the next line.

So for example: Let's say textarea was

the quick brown fox jumped over the fence

Upon form submit textarea2 would show

the quick (for line 1)

brown fox (for line 2)

jumped (for line 3)

over the (for line 4)

fence (for line 5)

So spaces can be allowed in any of the line ends, just the words should not be split up leaving part of a word on one line and part on the next line

Some many thanks, been working a few days on this!!

Replies(9)

jakecigar

Re: parse textarea characters

4 years ago

This is a jQuery forum. Your code does not use jQuery. But the problem is really not a jQuery problem. So I thought show how I would do it.

http://jsfiddle.net/jakecigar/eJzfw/213/ <-- splits the string, then assembles the rows.

JΛ̊KE

jqueryguy1

Re: parse textarea characters

4 years ago

OMG!! I can't thank you enough, seriously. If you only knew!!!

The only thing I need to finish with is to retain any newline in the textarea yet still keep it at 20 characters max per line. So if the line has 6 characters let's say and there's a newline, then that would be the max value for the line.

Anyway if that could be done thru jquery or even javascript it would be great to have a hint.

PS. Sorry about the post being a javascripted one to begin with.

Again I truly appreciate your help for my app.

Thanks again.

Jim

jakecigar

Re: parse textarea characters

4 years ago

Then you have to get the text, like I did, split it by "\n", and process each of those strings the way I did.

Try it!

JΛ̊KE

jqueryguy1

Re: parse textarea characters

4 years ago

Awesome you are so nice to have helped here, believe me.

So cool, i tried this:

str.split(/\s+,\n/).forEach(function(word) {

The only issue is that is creates a blank newline automatically for the first line for textarea2 then the second line begins with the words. There should be no newline at the beginning as the first textarea with words does not contain a newline character to begin with.

Any suggestions with your expertise would be great.

God bless you Sir!

jakecigar

Re: Re: parse textarea characters

4 years ago

http://jsfiddle.net/jakecigar/eJzfw/232/ does 2 splits one for the lines, and one for the words.

JΛ̊KE

jqueryguy1

Re: parse textarea characters

4 years ago

Thank you, thank you, thank you!!!!!!

So in sum it looks like we grab a line, check FIRST if there's a line break in it, then EVALUATE

that line word by word and see if it maxes out up to and including 20 characters. Then include the resulting

line in result and then continue with next line.

I updated the code to include up to 20 characters so I did this

line.length + word.length <= 20

Thanks again!!! You are the best!

jakecigar

Re: parse textarea characters

4 years ago

http://jsfiddle.net/jakecigar/eJzfw/238/ <-- is the same code using jQuery. You’ll see that the text splitting stuff is the same.

I also changed the word split to \b That breaks them up wherever there is a different type character so "<s" would be 2 words. I think it is a bit more natural. You decide!

JΛ̊KE

jqueryguy1

Re: parse textarea characters

4 years ago

Thank you again kind Sir! Will take under advisement. The main thing is to check for html like elements and/or words from a javascript based editor ex. of an html element <b>see me</b> and retain the actual html decode values for each line NOT breaking up the element beginning <> or ending </> onto the next line. The resulting lines then are then processed into a mapper database system. So I think \s+ instead of \b will do the trick to retain any possible element included in the editor in full up to the line max length capability.

Best.