Текст из textarea в div с ограниченной шириной и высотой

Question

Мне нужно поместить текст из textarea в div, ограниченный шириной и высотой. Вот мой jsfiddle: http://jsfiddle.net/ptCoder/8XL7n/30/

Например: У меня ширина div ширина 100px и максимальная высота 100px. Мне нужно ввести текст в textarea, и этот текст появится в поле div.

Вот еще один пример, но не работают хорошо: Limit text length based on fitting text inside fixed width and height box

мне нужно иметь реализацию, как удаление, забой и копирования/вставки.

Я попытался предотвратить размер высоты с этим кодом:

if (currentHeight >= window.maxHeight) { 
    //alert('sim'); 
    var $th = $(this); 
    $th.val($th.val().replace(/./, function(str) { 
     return ''; 
    })); 
    e.preventDefault(); 
} 

Но у меня есть ошибки с удаления, забой и копипаст, и т.д ...

Другая проблема заключается в текст исчезает в текстовое поле. ..

Answer 1

Почему вы не можете использовать максимальную ширину и максимальную высоту?

#target { 
    max-width:200px; 
    max-height:200px; 
} 

Это должно ограничить размер вашей цели.

Answer 2

вы можете попробовать это:

<script> 
$(document).ready(function(){ 
    $('#inputData').keydown(function(){ 
    limitText($('#inputData'),100,100); 
    }); 

    $('#inputData').keyup(function(){ 
     limitText($('#inputData'),100,100); 
     }); 
}); 

function limitText(limitField, limitCount, limitNum) { 
    if (limitField.val().length > limitNum) { 
     limitField.val(limitField.val().substring(0, limitNum)); 
    } else { 
     limitCount=limitNum - limitField.val().length; 
    } 
} 
</script> 
    <textarea maxlength="100" class="mycss" id="inputData" name="data" spellcheck=false wrap="physical"></textarea>