Lodop打印textarea保留原格式并自动换行，textarea取消右侧滚动条，去掉右下角拖拽

最新推荐文章于 2024-06-21 11:38:25 发布

武六七

最新推荐文章于 2024-06-21 11:38:25 发布

阅读量1.8k

点赞数 2

分类专栏： Lodop打印文章标签： textarea Lodop打印滚动条自动换行

本文链接：https://blog.csdn.net/w567wzf/article/details/101195265

版权

Lodop打印专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.自动换行：

(1).先添加js方法

$(function(){
		$.fn.autoHeight = function(){
			function autoHeight(elem){
				elem.style.height = 'auto';
				elem.scrollTop = 0; //防抖动
				elem.style.height = elem.scrollHeight + 'px';
			}
			this.each(function(){
				autoHeight(this);
				$(this).on('keyup', function(){
					autoHeight(this);
				});
			});
		}
		$('textarea[autoHeight]').autoHeight();
	})

注意：方法需要在进入页面获取时调用一次，打印时再调用一次

(2).textarea增加属性

<textarea id="text4" autoHeight="true"></textarea>

2.边框不显示、右侧滚动条，去掉右下角拖拽

<textarea autoHeight="true" style="border: none;box-shadow: none;width: 100%; overflow:hidden; resize:none; line-height: 1.76em; " >${healthCheckup.other_note}</textarea>