{"id":443,"date":"2018-09-21T08:23:46","date_gmt":"2018-09-21T08:23:46","guid":{"rendered":"https:\/\/www.josejavierfm.es\/blog\/?p=443"},"modified":"2022-05-22T16:10:00","modified_gmt":"2022-05-22T16:10:00","slug":"redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto","status":"publish","type":"post","link":"https:\/\/www.josejavierfm.es\/blog\/2018\/09\/21\/redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto\/","title":{"rendered":"Redimensionar caja de texto HTML en funcion del tama\u00f1o del texto"},"content":{"rendered":"<p>Si tenemos un textarea (o varios) podemos hacer que se adapte al contenido del texto para evitar barras de scroll con el siguiente codigo:<\/p>\n<pre>\r\n   <form id=\"f_example\">\r\n      <textarea id=\"t1\"><\/textarea>\r\n      <textarea id=\"t2\"><\/textarea>\r\n   <\/form>\r\n<\/pre>\n<pre>\r\n$('body').on( ' blur change keyup keydown paste cut', 'textarea', function (){\r\n    \t$(this).height(0).height(this.scrollHeight);\r\n\t\t\r\n\t}).find( 'textarea' ).change();\r\n<\/pre>\n<p><a href=\"https:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/09\/blog-redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto-textarea1.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/09\/blog-redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto-textarea1-300x64.png\" alt=\"\" width=\"300\" height=\"64\" class=\"alignnone size-medium wp-image-445\" srcset=\"https:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/09\/blog-redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto-textarea1-300x64.png 300w, https:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/09\/blog-redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto-textarea1.png 541w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/09\/blog-redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto-textarea2.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/09\/blog-redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto-textarea2-300x134.png\" alt=\"\" width=\"300\" height=\"134\" class=\"alignnone size-medium wp-image-446\" srcset=\"https:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/09\/blog-redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto-textarea2-300x134.png 300w, https:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/09\/blog-redimensionar-caja-de-texto-html-en-funcion-del-tamano-del-texto-textarea2.png 542w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><br \/>\n<a href=\"https:\/\/jsfiddle.net\/ycbkhmg3\/\" target=\"_blank\" rel=\"noopener\">Para probar<\/a><\/p>\n\n<div class=\"twitter-share\"><a href=\"https:\/\/twitter.com\/intent\/tweet?via=josejavierfm\" class=\"twitter-share-button\">Twittear<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si tenemos un textarea (o varios) podemos hacer que se adapte al contenido del texto para evitar barras de scroll con el siguiente codigo: $(&#8216;body&#8217;).on( &#8216; blur change keyup keydown paste cut&#8217;, &#8216;textarea&#8217;, function (){ $(this).height(0).height(this.scrollHeight); }).find( &#8216;textarea&#8217; ).change(); Para probar<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/443"}],"collection":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/comments?post=443"}],"version-history":[{"count":4,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/443\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/443\/revisions\/595"}],"wp:attachment":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/media?parent=443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/categories?post=443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/tags?post=443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}