{"id":3235,"date":"2011-03-10T20:34:46","date_gmt":"2011-03-10T15:04:46","guid":{"rendered":"https:\/\/2thenew.today\/blog\/?p=3235"},"modified":"2017-05-01T12:56:15","modified_gmt":"2017-05-01T07:26:15","slug":"a-simple-read-moreless-grails-tag","status":"publish","type":"post","link":"https:\/\/2thenew.today\/blog\/a-simple-read-moreless-grails-tag\/","title":{"rendered":"A simple Read more\/less grails tag"},"content":{"rendered":"

Hello world.. In a pretty recent project, I was a given a task to implement “read more” custom tag to implement “read more” functionality (a block of text followed by a read more link. Block of text expands and collapses on clicking of a link). I will be honest over here.I did a pretty bad job and implemented the tag in a quiet dirty way. Later I found some time to work on it and end up creating something way better than previous effort \ud83d\ude00<\/p>\n

Read More\/Less tag<\/span><\/b><\/h3>\n

It is a pretty simple tag in which you pass a block of text and in return you get the text “read more\/less”-ified (Ok! I know thats bad :P). Anyways, now for this tag to work, Jquery is required.<\/p>\n

Tag syntax<\/span><\/b><\/h3>\n

Just enclose the block of text inside the “readMore” tag and you are done.<\/p>\n

[java]
\n&lt;ls:readMore&gt;${myText}&lt;\/ls:readMore&gt;
\n[\/java]<\/p>\n

Output<\/span><\/b><\/h3>\n

\"Blog<\/a><\/p>\n

After clicking the read more\/less…
\n\"Blog<\/a><\/p>\n

This tag can be used to create multiple “read more”s like following:
\n\"Blog<\/a><\/p>\n

I believe there is still room for improvement in tag and will try to bring in as much as possible . You can download the code from the following link and play around with it if required. Feel free to advice me on how can I improve the tag or you can come up with your own improvements. Ciao<\/p>\n","protected":false},"excerpt":{"rendered":"

Hello world.. In a pretty recent project, I was a given a task to implement “read more” custom tag to implement “read more” functionality (a block of text followed by a read more link. Block of text expands and collapses on clicking of a link). I will be honest over here.I did a pretty bad […]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":4,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-3235","post","type-post","status-publish","format-standard","hentry","category-grails"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t