我正在使用可调整大小的 Jquery UI 插件。我在可调整大小的元素中有一个 contenteditable div。
我希望 contenteditable div 的字体大小在我增加调整大小时增加,并在我减少调整大小时减小字体大小。基本上我希望文本在调整大小时最适合 contenteditable div。
检查这个 jsfiddle
代码 :
$(".resizeable").resizable({
containment: "#background",
minHeight: 120,
maxHeight: 350,
maxWidth: 550,
minWidth: 220,
resize: function(event, ui) {
resizeText(1);
}
});
function resizeText(multiplier) {
var textarea = $("#message");
var fs = (parseFloat(textarea.css('font-size')) + multiplier).toString() + 'px'; // Increment fontsize
var text = textarea.val(); // Firefox won't clone val() content (wierd..)
textarea.css({'font-size':fs}).replaceWith( textarea.clone().val(text) ); // Replace textarea w/ clone of itself to overcome line-height bug in IE
}
当我增加大小时,“输入消息”字体大小正在增加。但是当我减少它并没有减少。我怎样才能做到这一点?