How to implement more and less functionality with dynamic HTML data?

Question

I have one JSP page where i need to show one DIV having HTML from database table field(its Data Entry Field is a TinyMCE). I have to implement more and less functionality(like http://viralpatel.net/blogs/demo/jquery/show-more-link-shortened-content/). I can't do substring as it may cut some HTML tag in between and some tags may remain unclosed which affects my UI . and i can't show and hide based on the height of DIV as font is controlled by TinyMCE and different lines may have different font-size and this may cause last line to be shown partially.

Thanks in Advance.

Surya Deepak · Accepted Answer · 2013-03-18 05:50:52Z

1

after fetching and and during the time of displaying apply jquery truncate plugin but make sure to apply the below property to the div

word-wrap:break-word

answered Mar 18, 2013 at 5:50

Surya Deepak

4315 silver badges17 bronze badges

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

1 Comment

Kamal Pundir Over a year ago

Thanks Deepak, I took Jquery truncate API and it works thanks alot.

Collectives™ on Stack Overflow

How to implement more and less functionality with dynamic HTML data?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related