Adding Readmore Option In Textarea

I am trying to create readmore option in Textarea. Here I can do it with div, but when I replace div with textarea, it just shows entire content in textarea without reamore option.

Solution 1:

you haven't loaded jQuery in jsFiddle.. you can select jQuery from "Framework and extensions" drop down menu.. and you're code works fine... working link also..

(function($) {...} })(jQuery);

should be before..

$('#info').readmore({...});

because unlike your markup you posted in your question.. the readmore plugin is loaded after the $('#info').readmore({}); function in jsFiddle.. so you will get an error.. check your console..

although.. you cant' use textarea.. if you just want to edit the content... you can set the contenteditable attribute to true... inspecting. the readmore.js plugin.. i found this can be done by...

 $('.readmore-js-section').attr("contenteditable","true") ;

updated link