Member 14362210 Ответов: 1

Как разбить (br) в javascript после 10 символов ?


Я использую
onkeyup
функция для ввода значения в div to textbox. но теперь я также добавляю перерыв после 10 символов..

Что я уже пробовал:

div.innerText.replace(/(.{10})/g, "$1<br>")


я использую это, но это только работа в предупреждении, а не в значении деления....




и это мой весь код


<input id='demoInput1' onkeyup="demo1()" />

<div id='demoDiv1' class='resizable'></div>




<script>


function demo1() {
	
    var div = document.getElementById('demoDiv1');
    var input = document.getElementById('demoInput1');
	
 	div.innerText = input.value;
	
    resizeContents();
	
	var content = input.value;  

	alert(div.innerText.replace(/(.{10})/g, "$1<br>"));

}




function resizeContents() {
	
    var resizableDivs = document.getElementsByClassName('resizable');
	
    for (index = 0; index < resizableDivs.length; ++index) {
        var div = resizableDivs[index];
        if (div.innerText != '') {
            var divWidth = div.clientWidth;
            var divHeight = div.clientHeight;

            var contentWidth = div.scrollWidth;
            var contentHeight = div.scrollHeight;

            var fontSize = div.style.fontSize;
            fontSize = Number(fontSize.substring(0, fontSize.length - 2));

            while (contentWidth <= divWidth && contentHeight <= divHeight) {
                fontSize += 1;
                div.style.fontSize = fontSize + 'px';
                contentWidth = div.scrollWidth;
                contentHeight = div.scrollHeight;
				
            }

             while (contentWidth > divWidth || contentHeight > divHeight) {
                 fontSize -= 1;
                 div.style.fontSize = fontSize + 'px';

                 contentWidth = div.scrollWidth;
                 contentHeight = div.scrollHeight;
             }
        }
    }
	
	
}

</script>

1 Ответов

Рейтинг:
12

Thomas Daniels

Если он хорошо отображается в вашем оповещении, но не в вашем div, то проблема заключается в том, как вы помещаете значение в div. Вы не показываете нам, как вы это делаете, поэтому мы не можем понять, почему это не работает, но эта линия должна делать свою работу:

div.innerHTML = input.value.replace(/(.{10})/g, "$1<br>");


[no name]

Спасибо!