从文件读取文本时强制调整大小
从文件读取文本时强制调整大小
提问于 2015-04-28 21:31:09
建议的重复是我在哪里得到这个问题的基础，所以它不是一个重复！事实上，我从一开始就和这个问题联系在一起.
好编辑：
我做了一个JSFiddle (第一次:)。请注意，textarea并没有按您的意愿展开。在textarea中键入一些内容，它将立即调整大小。
如果我们能自动发送按键事件，它可能会工作.(这相关问题没有帮助，答案没有影响)。
我正在使用textarea，就像来自这里的一样。然后，我从一个文件中读取内容，并将内容放入文本框中，但它不会按需要调整大小。
我更新文本框如下：
function updateTextbox(text) {
$('#cagetextbox').val(text);
};有什么想法吗？
我在火狐34.0规范，在Ubuntu12.04，如果这发挥了一些作用，我希望不是这样，因为我的一些用户使用Chrome。
编辑：
一种尝试是写这样的东西：
$('#cagetextbox').attr("rows", how many rows does the new text contain);注意，如果我们尝试找出文本区域有多少行文本包含，我们将得到1作为一个答案。
EDIT_2
也许有点像width/(length_of_line * font_size)。对于一些测试，如果我减去1(当然只保留结果的整数部分)，它似乎是正确的。
Stack Overflow用户
发布于 2015-04-30 14:57:47
我发明了一把有用的小提琴。它创建一个输入文本字段，就像它显示在不可编辑的div中一样。
https://jsfiddle.net/khgk7nt5/2/
示例CSS
.test{
font-family:"Times New Roman", Times, serif;
font-color:#CCCCCC;
font-size:20px;
width:300px;
}
.testLoc{
position:absolute;
top:-1000px;
}JavaScript
var testText = "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore"
var test = $("<div/>");
test.addClass("test testLoc");
test.text(testText);
$("body").append(test);
var out = $("<textarea/>");
out.addClass("test");
out.width(test.width());
out.height(test.height());
out.val(testText);
$("body").append(out);
test.remove();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29930300
复制相关文章
相似问题
腾讯云开发者
